@charset "UTF-8";
/* aggregator for sitemap page */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
.row {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

.row.reverse {
  flex-direction: row-reverse;
}

.row.natural-height {
  align-items: flex-start;
}

.row.flex-column {
  flex-direction: column;
}

.col {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 0 16px;
}

.col.reverse {
  flex-direction: column-reverse;
}

.first {
  order: -1;
}

.last {
  order: 1;
}

.align-start {
  align-self: flex-start;
}

.align-end {
  align-self: flex-end;
}

.align-center {
  align-self: center;
}

.align-baseline {
  align-self: baseline;
}

.align-stretch {
  align-self: stretch;
}

.col-xs {
  box-sizing: border-box;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
  padding: 0 16px;
}

.col-xs-1 {
  box-sizing: border-box;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  padding: 0 16px;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  padding: 0 16px;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  padding: 0 16px;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  padding: 0 16px;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  padding: 0 16px;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  padding: 0 16px;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  padding: 0 16px;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  padding: 0 16px;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  flex-basis: 75%;
  max-width: 75%;
  padding: 0 16px;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  padding: 0 16px;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  padding: 0 16px;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 16px;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.row.start-xs {
  justify-content: flex-start;
}

.row.center-xs {
  justify-content: center;
}

.row.end-xs {
  justify-content: flex-end;
}

.row.top-xs {
  align-items: flex-start;
}

.row.middle-xs {
  align-items: center;
}

.row.bottom-xs {
  align-items: flex-end;
}

.row.around-xs {
  justify-content: space-around;
}

.row.between-xs {
  justify-content: space-between;
}

.row.wrap-xs {
  flex-wrap: wrap;
}

.row.nowrap-xs {
  flex-wrap: nowrap;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media only screen and (min-width: 416px) {
  .col-sm {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-sm-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 0 16px;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 0 16px;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 16px;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 0 16px;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 0 16px;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 16px;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 0 16px;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 0 16px;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0 16px;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 0 16px;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 0 16px;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .row.start-sm {
    justify-content: flex-start;
  }
  .row.center-sm {
    justify-content: center;
  }
  .row.end-sm {
    justify-content: flex-end;
  }
  .row.top-sm {
    align-items: flex-start;
  }
  .row.middle-sm {
    align-items: center;
  }
  .row.bottom-sm {
    align-items: flex-end;
  }
  .row.around-sm {
    justify-content: space-around;
  }
  .row.between-sm {
    justify-content: space-between;
  }
  .row.wrap-sm {
    flex-wrap: wrap;
  }
  .row.nowrap-sm {
    flex-wrap: nowrap;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .col-md {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-md-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 0 16px;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 0 16px;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 16px;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 0 16px;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 0 16px;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 16px;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 0 16px;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 0 16px;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0 16px;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 0 16px;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 0 16px;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .row.start-md {
    justify-content: flex-start;
  }
  .row.center-md {
    justify-content: center;
  }
  .row.end-md {
    justify-content: flex-end;
  }
  .row.top-md {
    align-items: flex-start;
  }
  .row.middle-md {
    align-items: center;
  }
  .row.bottom-md {
    align-items: flex-end;
  }
  .row.around-md {
    justify-content: space-around;
  }
  .row.between-md {
    justify-content: space-between;
  }
  .row.wrap-md {
    flex-wrap: wrap;
  }
  .row.nowrap-md {
    flex-wrap: nowrap;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .col-lg {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-lg-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 0 16px;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 0 16px;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 16px;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 0 16px;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 0 16px;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 16px;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 0 16px;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 0 16px;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0 16px;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 0 16px;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 0 16px;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .row.start-lg {
    justify-content: flex-start;
  }
  .row.center-lg {
    justify-content: center;
  }
  .row.end-lg {
    justify-content: flex-end;
  }
  .row.top-lg {
    align-items: flex-start;
  }
  .row.middle-lg {
    align-items: center;
  }
  .row.bottom-lg {
    align-items: flex-end;
  }
  .row.around-lg {
    justify-content: space-around;
  }
  .row.between-lg {
    justify-content: space-between;
  }
  .row.wrap-lg {
    flex-wrap: wrap;
  }
  .row.nowrap-lg {
    flex-wrap: nowrap;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
@media only screen and (min-width: 1441px) {
  .col-xl {
    box-sizing: border-box;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-xl-1 {
    box-sizing: border-box;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
    padding: 0 16px;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-2 {
    box-sizing: border-box;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
    padding: 0 16px;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-3 {
    box-sizing: border-box;
    flex-basis: 25%;
    max-width: 25%;
    padding: 0 16px;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-4 {
    box-sizing: border-box;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
    padding: 0 16px;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-5 {
    box-sizing: border-box;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
    padding: 0 16px;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-6 {
    box-sizing: border-box;
    flex-basis: 50%;
    max-width: 50%;
    padding: 0 16px;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-7 {
    box-sizing: border-box;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
    padding: 0 16px;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-8 {
    box-sizing: border-box;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
    padding: 0 16px;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-9 {
    box-sizing: border-box;
    flex-basis: 75%;
    max-width: 75%;
    padding: 0 16px;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-10 {
    box-sizing: border-box;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
    padding: 0 16px;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-11 {
    box-sizing: border-box;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
    padding: 0 16px;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-12 {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    padding: 0 16px;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .row.start-xl {
    justify-content: flex-start;
  }
  .row.center-xl {
    justify-content: center;
  }
  .row.end-xl {
    justify-content: flex-end;
  }
  .row.top-xl {
    align-items: flex-start;
  }
  .row.middle-xl {
    align-items: center;
  }
  .row.bottom-xl {
    align-items: flex-end;
  }
  .row.around-xl {
    justify-content: space-around;
  }
  .row.between-xl {
    justify-content: space-between;
  }
  .row.wrap-xl {
    flex-wrap: wrap;
  }
  .row.nowrap-xl {
    flex-wrap: nowrap;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
}
.col-gutter-lr {
  padding: 0 16px;
}

.col-no-gutter {
  padding: 0;
}

.show {
  display: block !important;
}

.row.show {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide {
  display: none !important;
}

@media only screen and (max-width: 1024px) {
  .mobile-hide {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .desktop-hide {
    display: none !important;
  }
}
.show-xs {
  display: block !important;
}

.row.show-xs {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hide-xs {
  display: none !important;
}

@media only screen and (max-width: 415px) {
  .show-xs-only {
    display: block !important;
  }
  .row.show-xs-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-xs-only {
    display: none !important;
  }
}
@media only screen and (min-width: 416px) {
  .show-sm {
    display: block !important;
  }
  .row.show-sm {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .show-sm-only {
    display: block !important;
  }
  .row.show-sm-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-sm-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .show-md {
    display: block !important;
  }
  .row.show-md {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-md {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1024px) {
  .show-md-only {
    display: block !important;
  }
  .row.show-md-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-md-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .show-lg {
    display: block !important;
  }
  .row.show-lg {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .show-lg-only {
    display: block !important;
  }
  .row.show-lg-only {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-lg-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1441px) {
  .show-xl {
    display: block !important;
  }
  .row.show-xl {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .hide-xl {
    display: none !important;
  }
}
/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * minerva-modern:
 *   - http://typekit.com/eulas/00000000000000003b9afd27
 *   - http://typekit.com/eulas/00000000000000003b9afd28
 *   - http://typekit.com/eulas/00000000000000003b9afd26
 *   - http://typekit.com/eulas/00000000000000003b9afd25
 * sofia-pro:
 *   - http://typekit.com/eulas/00000000000000003b9b46f3
 *   - http://typekit.com/eulas/00000000000000003b9b46f4
 *   - http://typekit.com/eulas/00000000000000003b9b46e9
 *   - http://typekit.com/eulas/00000000000000003b9b46ea
 *   - http://typekit.com/eulas/00000000000000003b9b46eb
 *   - http://typekit.com/eulas/00000000000000003b9b46ec
 *   - http://typekit.com/eulas/00000000000000003b9b46ef
 *   - http://typekit.com/eulas/00000000000000003b9b46f0
 *   - http://typekit.com/eulas/00000000000000003b9b46ed
 *   - http://typekit.com/eulas/00000000000000003b9b46ee
 *   - http://typekit.com/eulas/00000000000000003b9b46f1
 *   - http://typekit.com/eulas/00000000000000003b9b46f2
 * sofia-pro-condensed:
 *   - http://typekit.com/eulas/00000000000000003b9b4703
 *   - http://typekit.com/eulas/00000000000000003b9b4704
 *   - http://typekit.com/eulas/00000000000000003b9b46fd
 *   - http://typekit.com/eulas/00000000000000003b9b46fe
 * sofia-pro-soft:
 *   - http://typekit.com/eulas/0000000000000000000157b7
 *   - http://typekit.com/eulas/0000000000000000000157b8
 *   - http://typekit.com/eulas/0000000000000000000157bc
 *   - http://typekit.com/eulas/0000000000000000000157bd
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */
@font-face {
  font-weight: 700;
  font-family: "minerva-modern";
  font-style: normal;
  src: url("https://use.typekit.net/af/3c2395/00000000000000003b9afd27/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/3c2395/00000000000000003b9afd27/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/3c2395/00000000000000003b9afd27/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: "minerva-modern";
  font-style: italic;
  src: url("https://use.typekit.net/af/e91ff0/00000000000000003b9afd28/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/e91ff0/00000000000000003b9afd28/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/e91ff0/00000000000000003b9afd28/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: minerva-modern;
  font-style: italic;
  src: url(https://use.typekit.net/af/e6158c/00000000000000003b9afd26/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/e6158c/00000000000000003b9afd26/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/e6158c/00000000000000003b9afd26/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: minerva-modern;
  font-style: normal;
  src: url(https://use.typekit.net/af/2d15e1/00000000000000003b9afd25/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/2d15e1/00000000000000003b9afd25/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/2d15e1/00000000000000003b9afd25/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: sofia-pro-soft;
  font-style: normal;
  src: url(https://use.typekit.net/af/9b5307/0000000000000000000157b7/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/9b5307/0000000000000000000157b7/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/9b5307/0000000000000000000157b7/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: sofia-pro-soft;
  font-style: italic;
  src: url(https://use.typekit.net/af/2c3915/0000000000000000000157b8/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"), url(https://use.typekit.net/af/2c3915/0000000000000000000157b8/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"), url(https://use.typekit.net/af/2c3915/0000000000000000000157b8/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: sofia-pro-soft;
  font-style: normal;
  src: url(https://use.typekit.net/af/5c3c84/0000000000000000000157bc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/5c3c84/0000000000000000000157bc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/5c3c84/0000000000000000000157bc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: sofia-pro-soft;
  font-style: italic;
  src: url(https://use.typekit.net/af/ef7efe/0000000000000000000157bd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/ef7efe/0000000000000000000157bd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/ef7efe/0000000000000000000157bd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: sofia-pro;
  font-style: normal;
  src: url(https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/02ad94/00000000000000003b9b46f3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: sofia-pro;
  font-style: italic;
  src: url(https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"), url(https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"), url(https://use.typekit.net/af/ed85d3/00000000000000003b9b46f4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 200;
  font-family: sofia-pro;
  font-style: normal;
  src: url(https://use.typekit.net/af/f98804/00000000000000003b9b46e9/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff2"), url(https://use.typekit.net/af/f98804/00000000000000003b9b46e9/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff"), url(https://use.typekit.net/af/f98804/00000000000000003b9b46e9/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 200;
  font-family: sofia-pro;
  font-style: italic;
  src: url(https://use.typekit.net/af/9a53d6/00000000000000003b9b46ea/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff2"), url(https://use.typekit.net/af/9a53d6/00000000000000003b9b46ea/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("woff"), url(https://use.typekit.net/af/9a53d6/00000000000000003b9b46ea/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 300;
  font-family: sofia-pro;
  font-style: normal;
  src: url(https://use.typekit.net/af/f5f3eb/00000000000000003b9b46eb/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"), url(https://use.typekit.net/af/f5f3eb/00000000000000003b9b46eb/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://use.typekit.net/af/f5f3eb/00000000000000003b9b46eb/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 300;
  font-family: sofia-pro;
  font-style: italic;
  src: url(https://use.typekit.net/af/ebb75a/00000000000000003b9b46ec/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"), url(https://use.typekit.net/af/ebb75a/00000000000000003b9b46ec/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"), url(https://use.typekit.net/af/ebb75a/00000000000000003b9b46ec/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-family: sofia-pro;
  font-style: normal;
  src: url(https://use.typekit.net/af/227c77/00000000000000003b9b46ef/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/227c77/00000000000000003b9b46ef/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/227c77/00000000000000003b9b46ef/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-family: sofia-pro;
  font-style: italic;
  src: url(https://use.typekit.net/af/736c05/00000000000000003b9b46f0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff2"), url(https://use.typekit.net/af/736c05/00000000000000003b9b46f0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("woff"), url(https://use.typekit.net/af/736c05/00000000000000003b9b46f0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: sofia-pro;
  font-style: normal;
  src: url(https://use.typekit.net/af/4cc789/00000000000000003b9b46ed/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/4cc789/00000000000000003b9b46ed/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/4cc789/00000000000000003b9b46ed/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: sofia-pro;
  font-style: italic;
  src: url(https://use.typekit.net/af/964ed8/00000000000000003b9b46ee/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/964ed8/00000000000000003b9b46ee/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/964ed8/00000000000000003b9b46ee/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-family: sofia-pro;
  font-style: normal;
  src: url(https://use.typekit.net/af/4526e4/00000000000000003b9b46f1/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"), url(https://use.typekit.net/af/4526e4/00000000000000003b9b46f1/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"), url(https://use.typekit.net/af/4526e4/00000000000000003b9b46f1/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-family: sofia-pro;
  font-style: italic;
  src: url(https://use.typekit.net/af/4cc823/00000000000000003b9b46f2/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff2"), url(https://use.typekit.net/af/4cc823/00000000000000003b9b46f2/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("woff"), url(https://use.typekit.net/af/4cc823/00000000000000003b9b46f2/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: sofia-pro-condensed;
  font-style: normal;
  src: url(https://use.typekit.net/af/b45d8b/00000000000000003b9b4703/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/b45d8b/00000000000000003b9b4703/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/b45d8b/00000000000000003b9b4703/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: sofia-pro-condensed;
  font-style: italic;
  src: url(https://use.typekit.net/af/67eb09/00000000000000003b9b4704/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff2"), url(https://use.typekit.net/af/67eb09/00000000000000003b9b4704/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("woff"), url(https://use.typekit.net/af/67eb09/00000000000000003b9b4704/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: sofia-pro-condensed;
  font-style: normal;
  src: url(https://use.typekit.net/af/273723/00000000000000003b9b46fd/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/273723/00000000000000003b9b46fd/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/273723/00000000000000003b9b46fd/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: sofia-pro-condensed;
  font-style: italic;
  src: url(https://use.typekit.net/af/c3f805/00000000000000003b9b46fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/c3f805/00000000000000003b9b46fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/c3f805/00000000000000003b9b46fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
  font-display: swap;
}
.tk-minerva-modern {
  font-family: "minerva-modern", sans-serif;
}

.tk-sofia-pro-soft {
  font-family: "sofia-pro-soft", sans-serif;
}

.tk-sofia-pro {
  font-family: "sofia-pro", sans-serif;
}

.tk-sofia-pro-condensed {
  font-family: "sofia-pro-condensed", sans-serif;
}

.button-big-black-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-big-black-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-black-outline:hover:before {
  border-width: 3px;
}
.button-big-black-outline:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-big-black-outline:active {
  color: #222222;
}
.button-big-black-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-big-black-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-color: #222222;
  text-transform: none;
}
.button-big-black-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-black-fill:hover:before {
  border-width: 3px;
}
.button-big-black-fill:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-big-black-fill:active {
  color: #222222;
}
.button-big-black-fill:before {
  border-color: #222222;
}
.button-big-black-fill:hover {
  background-color: #767676;
  border-color: #767676;
}
.button-big-black-fill:hover:before {
  border-color: #767676;
}

.button-big-black-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-big-black-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-black-glass:hover:before {
  border-width: 3px;
}
.button-big-black-glass:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-big-black-glass:active {
  color: #222222;
}

.button-big-blue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-big-blue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-blue-outline:hover:before {
  border-width: 3px;
}
.button-big-blue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-big-blue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-big-blue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: none;
}
.button-big-blue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-blue-fill:hover:before {
  border-width: 3px;
}
.button-big-blue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-big-blue-fill:before {
  border-color: #557b92;
}
.button-big-blue-fill:hover {
  background-color: #192c50;
  border-color: #192c50;
}
.button-big-blue-fill:hover:before {
  border-color: #192c50;
}

.button-big-blue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-big-blue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-blue-glass:hover:before {
  border-width: 3px;
}
.button-big-blue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

.button-big-white-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #ffffff;
  background-color: transparent;
  text-transform: none;
}
.button-big-white-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-white-outline:hover:before {
  border-width: 3px;
}
.button-big-white-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-big-white-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-big-white-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-color: #ffffff;
  text-transform: none;
}
.button-big-white-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-white-fill:hover:before {
  border-width: 3px;
}
.button-big-white-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-big-white-fill:before {
  border-color: #ffffff;
}
.button-big-white-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-big-white-fill:hover:before {
  border-color: #ffffff;
}

.button-big-white-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-big-white-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-white-glass:hover:before {
  border-width: 3px;
}
.button-big-white-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.button-big-glasswhite-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-big-glasswhite-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-glasswhite-outline:hover:before {
  border-width: 3px;
}
.button-big-glasswhite-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-big-glasswhite-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-big-glasswhite-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-color: #222222;
  text-transform: none;
}
.button-big-glasswhite-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-glasswhite-fill:hover:before {
  border-width: 3px;
}
.button-big-glasswhite-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-big-glasswhite-fill:before {
  border-color: #222222;
}
.button-big-glasswhite-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-big-glasswhite-fill:hover:before {
  border-color: #ffffff;
}

.button-big-glasswhite-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-big-glasswhite-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-glasswhite-glass:hover:before {
  border-width: 3px;
}
.button-big-glasswhite-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.button-big-glassblue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-big-glassblue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-glassblue-outline:hover:before {
  border-width: 3px;
}
.button-big-glassblue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-big-glassblue-outline:hover:before {
  border-width: 1px;
}
.button-big-glassblue-outline:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
.button-big-glassblue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-big-glassblue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: none;
}
.button-big-glassblue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-glassblue-fill:hover:before {
  border-width: 3px;
}
.button-big-glassblue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-big-glassblue-fill:hover:before {
  border-width: 1px;
}
.button-big-glassblue-fill:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
.button-big-glassblue-fill:before {
  border-color: #557b92;
}
.button-big-glassblue-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-big-glassblue-fill:hover:before {
  border-color: #ffffff;
}

.button-big-glassblue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 48px;
  padding: 6px 32px 8px 32px;
  font-size: 20px;
  border-width: 1px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-big-glassblue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-big-glassblue-glass:hover:before {
  border-width: 3px;
}
.button-big-glassblue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-big-glassblue-glass:hover:before {
  border-width: 1px;
}
.button-big-glassblue-glass:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}

.button-medium-black-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-medium-black-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-black-outline:hover:before {
  border-width: 3px;
}
.button-medium-black-outline:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-medium-black-outline:active {
  color: #222222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-outline {
    font-size: 14px;
  }
}
.button-medium-black-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-medium-black-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #222222;
  text-transform: none;
}
.button-medium-black-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-black-fill:hover:before {
  border-width: 3px;
}
.button-medium-black-fill:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-medium-black-fill:active {
  color: #222222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-fill {
    font-size: 14px;
  }
}
.button-medium-black-fill:before {
  border-color: #222222;
}
.button-medium-black-fill:hover {
  background-color: #767676;
  border-color: #767676;
}
.button-medium-black-fill:hover:before {
  border-color: #767676;
}

.button-medium-black-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-medium-black-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-black-glass:hover:before {
  border-width: 3px;
}
.button-medium-black-glass:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-medium-black-glass:active {
  color: #222222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-glass {
    font-size: 14px;
  }
}

.button-medium-blue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-medium-blue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-blue-outline:hover:before {
  border-width: 3px;
}
.button-medium-blue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-outline {
    font-size: 14px;
  }
}
.button-medium-blue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-medium-blue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: none;
}
.button-medium-blue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-blue-fill:hover:before {
  border-width: 3px;
}
.button-medium-blue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-fill {
    font-size: 14px;
  }
}
.button-medium-blue-fill:before {
  border-color: #557b92;
}
.button-medium-blue-fill:hover {
  background-color: #192c50;
  border-color: #192c50;
}
.button-medium-blue-fill:hover:before {
  border-color: #192c50;
}

.button-medium-blue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-medium-blue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-blue-glass:hover:before {
  border-width: 3px;
}
.button-medium-blue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-glass {
    font-size: 14px;
  }
}

.button-medium-white-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #ffffff;
  background-color: transparent;
  text-transform: none;
}
.button-medium-white-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-white-outline:hover:before {
  border-width: 3px;
}
.button-medium-white-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-outline {
    font-size: 14px;
  }
}
.button-medium-white-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-medium-white-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #ffffff;
  text-transform: none;
}
.button-medium-white-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-white-fill:hover:before {
  border-width: 3px;
}
.button-medium-white-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-fill {
    font-size: 14px;
  }
}
.button-medium-white-fill:before {
  border-color: #ffffff;
}
.button-medium-white-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-medium-white-fill:hover:before {
  border-color: #ffffff;
}

.button-medium-white-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-medium-white-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-white-glass:hover:before {
  border-width: 3px;
}
.button-medium-white-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-glass {
    font-size: 14px;
  }
}

.button-medium-glasswhite-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-medium-glasswhite-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-glasswhite-outline:hover:before {
  border-width: 3px;
}
.button-medium-glasswhite-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-outline {
    font-size: 14px;
  }
}
.button-medium-glasswhite-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-medium-glasswhite-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #222222;
  text-transform: none;
}
.button-medium-glasswhite-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-glasswhite-fill:hover:before {
  border-width: 3px;
}
.button-medium-glasswhite-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-fill {
    font-size: 14px;
  }
}
.button-medium-glasswhite-fill:before {
  border-color: #222222;
}
.button-medium-glasswhite-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-medium-glasswhite-fill:hover:before {
  border-color: #ffffff;
}

.button-medium-glasswhite-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-medium-glasswhite-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-glasswhite-glass:hover:before {
  border-width: 3px;
}
.button-medium-glasswhite-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-glass {
    font-size: 14px;
  }
}

.button-medium-glassblue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-medium-glassblue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-glassblue-outline:hover:before {
  border-width: 3px;
}
.button-medium-glassblue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-medium-glassblue-outline:hover:before {
  border-width: 1px;
}
.button-medium-glassblue-outline:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-outline {
    font-size: 14px;
  }
}
.button-medium-glassblue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-medium-glassblue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: none;
}
.button-medium-glassblue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-glassblue-fill:hover:before {
  border-width: 3px;
}
.button-medium-glassblue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-medium-glassblue-fill:hover:before {
  border-width: 1px;
}
.button-medium-glassblue-fill:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-fill {
    font-size: 14px;
  }
}
.button-medium-glassblue-fill:before {
  border-color: #557b92;
}
.button-medium-glassblue-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-medium-glassblue-fill:hover:before {
  border-color: #ffffff;
}

.button-medium-glassblue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-medium-glassblue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-medium-glassblue-glass:hover:before {
  border-width: 3px;
}
.button-medium-glassblue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-medium-glassblue-glass:hover:before {
  border-width: 1px;
}
.button-medium-glassblue-glass:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-glass {
    font-size: 14px;
  }
}

.button-small-black-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-small-black-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-black-outline:hover:before {
  border-width: 3px;
}
.button-small-black-outline:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-small-black-outline:active {
  color: #222222;
}
.button-small-black-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-small-black-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-color: #222222;
  text-transform: none;
}
.button-small-black-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-black-fill:hover:before {
  border-width: 3px;
}
.button-small-black-fill:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-small-black-fill:active {
  color: #222222;
}
.button-small-black-fill:before {
  border-color: #222222;
}
.button-small-black-fill:hover {
  background-color: #767676;
  border-color: #767676;
}
.button-small-black-fill:hover:before {
  border-color: #767676;
}

.button-small-black-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-small-black-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-black-glass:hover:before {
  border-width: 3px;
}
.button-small-black-glass:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-small-black-glass:active {
  color: #222222;
}

.button-small-blue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-small-blue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-blue-outline:hover:before {
  border-width: 3px;
}
.button-small-blue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-small-blue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-small-blue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: none;
}
.button-small-blue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-blue-fill:hover:before {
  border-width: 3px;
}
.button-small-blue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-small-blue-fill:before {
  border-color: #557b92;
}
.button-small-blue-fill:hover {
  background-color: #192c50;
  border-color: #192c50;
}
.button-small-blue-fill:hover:before {
  border-color: #192c50;
}

.button-small-blue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-small-blue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-blue-glass:hover:before {
  border-width: 3px;
}
.button-small-blue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

.button-small-white-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #ffffff;
  background-color: transparent;
  text-transform: none;
}
.button-small-white-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-white-outline:hover:before {
  border-width: 3px;
}
.button-small-white-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-small-white-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-small-white-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-color: #ffffff;
  text-transform: none;
}
.button-small-white-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-white-fill:hover:before {
  border-width: 3px;
}
.button-small-white-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-small-white-fill:before {
  border-color: #ffffff;
}
.button-small-white-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-small-white-fill:hover:before {
  border-color: #ffffff;
}

.button-small-white-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-small-white-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-white-glass:hover:before {
  border-width: 3px;
}
.button-small-white-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.button-small-glasswhite-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-small-glasswhite-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-glasswhite-outline:hover:before {
  border-width: 3px;
}
.button-small-glasswhite-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-small-glasswhite-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-small-glasswhite-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-color: #222222;
  text-transform: none;
}
.button-small-glasswhite-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-glasswhite-fill:hover:before {
  border-width: 3px;
}
.button-small-glasswhite-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-small-glasswhite-fill:before {
  border-color: #222222;
}
.button-small-glasswhite-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-small-glasswhite-fill:hover:before {
  border-color: #ffffff;
}

.button-small-glasswhite-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-small-glasswhite-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-glasswhite-glass:hover:before {
  border-width: 3px;
}
.button-small-glasswhite-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.button-small-glassblue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-small-glassblue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-glassblue-outline:hover:before {
  border-width: 3px;
}
.button-small-glassblue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-small-glassblue-outline:hover:before {
  border-width: 1px;
}
.button-small-glassblue-outline:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
.button-small-glassblue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-small-glassblue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: none;
}
.button-small-glassblue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-glassblue-fill:hover:before {
  border-width: 3px;
}
.button-small-glassblue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-small-glassblue-fill:hover:before {
  border-width: 1px;
}
.button-small-glassblue-fill:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
.button-small-glassblue-fill:before {
  border-color: #557b92;
}
.button-small-glassblue-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-small-glassblue-fill:hover:before {
  border-color: #ffffff;
}

.button-small-glassblue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-small-glassblue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-small-glassblue-glass:hover:before {
  border-width: 3px;
}
.button-small-glassblue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-small-glassblue-glass:hover:before {
  border-width: 1px;
}
.button-small-glassblue-glass:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}

.button-link-black-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-link-black-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-black-outline:hover:before {
  border-width: 3px;
}
.button-link-black-outline:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-link-black-outline:active {
  color: #222222;
}
.button-link-black-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-link-black-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  border-color: #222222;
  text-transform: none;
}
.button-link-black-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-black-fill:hover:before {
  border-width: 3px;
}
.button-link-black-fill:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-link-black-fill:active {
  color: #222222;
}
.button-link-black-fill:before {
  border-color: #222222;
}
.button-link-black-fill:hover {
  background-color: #767676;
  border-color: #767676;
}
.button-link-black-fill:hover:before {
  border-color: #767676;
}

.button-link-black-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #222222;
  border-color: #222222;
  color: #ffffff;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-link-black-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-black-glass:hover:before {
  border-width: 3px;
}
.button-link-black-glass:hover {
  background-color: rgba(34, 34, 34, 0.2);
}
.button-link-black-glass:active {
  color: #222222;
}

.button-link-blue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-link-blue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-blue-outline:hover:before {
  border-width: 3px;
}
.button-link-blue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-link-blue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-link-blue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  border-color: #557b92;
  text-transform: none;
}
.button-link-blue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-blue-fill:hover:before {
  border-width: 3px;
}
.button-link-blue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-link-blue-fill:before {
  border-color: #557b92;
}
.button-link-blue-fill:hover {
  background-color: #192c50;
  border-color: #192c50;
}
.button-link-blue-fill:hover:before {
  border-color: #192c50;
}

.button-link-blue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-link-blue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-blue-glass:hover:before {
  border-width: 3px;
}
.button-link-blue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}

.button-link-white-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
  text-transform: none;
}
.button-link-white-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-white-outline:hover:before {
  border-width: 3px;
}
.button-link-white-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-link-white-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-link-white-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  border-color: #ffffff;
  text-transform: none;
}
.button-link-white-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-white-fill:hover:before {
  border-width: 3px;
}
.button-link-white-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-link-white-fill:before {
  border-color: #ffffff;
}
.button-link-white-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-link-white-fill:hover:before {
  border-color: #ffffff;
}

.button-link-white-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  border-color: #ffffff;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-link-white-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-white-glass:hover:before {
  border-width: 3px;
}
.button-link-white-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.button-link-glasswhite-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  color: #222222;
  background-color: transparent;
  text-transform: none;
}
.button-link-glasswhite-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-glasswhite-outline:hover:before {
  border-width: 3px;
}
.button-link-glasswhite-outline:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-link-glasswhite-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-link-glasswhite-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  border-color: #222222;
  text-transform: none;
}
.button-link-glasswhite-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-glasswhite-fill:hover:before {
  border-width: 3px;
}
.button-link-glasswhite-fill:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.button-link-glasswhite-fill:before {
  border-color: #222222;
}
.button-link-glasswhite-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-link-glasswhite-fill:hover:before {
  border-color: #ffffff;
}

.button-link-glasswhite-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #ffffff;
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-link-glasswhite-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-glasswhite-glass:hover:before {
  border-width: 3px;
}
.button-link-glasswhite-glass:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.button-link-glassblue-outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  color: #557b92;
  background-color: transparent;
  text-transform: none;
}
.button-link-glassblue-outline:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-glassblue-outline:hover:before {
  border-width: 3px;
}
.button-link-glassblue-outline:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-link-glassblue-outline:hover:before {
  border-width: 1px;
}
.button-link-glassblue-outline:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
.button-link-glassblue-outline:hover {
  background-color: invert(100%);
  color: invert(100%);
}

.button-link-glassblue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  border-color: #557b92;
  text-transform: none;
}
.button-link-glassblue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-glassblue-fill:hover:before {
  border-width: 3px;
}
.button-link-glassblue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-link-glassblue-fill:hover:before {
  border-width: 1px;
}
.button-link-glassblue-fill:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}
.button-link-glassblue-fill:before {
  border-color: #557b92;
}
.button-link-glassblue-fill:hover {
  background-color: #ffffff;
  border-color: #ffffff;
}
.button-link-glassblue-fill:hover:before {
  border-color: #ffffff;
}

.button-link-glassblue-glass {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
  backdrop-filter: blur(30px);
  border-style: solid;
  border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
  text-transform: none;
}
.button-link-glassblue-glass:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.button-link-glassblue-glass:hover:before {
  border-width: 3px;
}
.button-link-glassblue-glass:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
.button-link-glassblue-glass:hover:before {
  border-width: 1px;
}
.button-link-glassblue-glass:before {
  border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
  border-color: none;
  border-width: 1px;
}

@media (max-width: 1024px) {
  .button-medium-black-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--1024:active {
    color: #222222;
  }
  .button-medium-black-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-black-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--768:active {
    color: #222222;
  }
  .button-medium-black-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-black-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--1024:active {
    color: #222222;
  }
  .button-medium-black-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-black-fill--1024:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--1024:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 768px) {
  .button-medium-black-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--768:active {
    color: #222222;
  }
  .button-medium-black-fill--768:before {
    border-color: #222222;
  }
  .button-medium-black-fill--768:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--768:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--1024:active {
    color: #222222;
  }
}
@media (max-width: 768px) {
  .button-medium-black-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--768:active {
    color: #222222;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-blue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 768px) {
  .button-medium-blue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--768:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--768:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-blue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-white-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-white-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-white-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-fill--1024:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-white-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-fill--768:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-white-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-white-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-fill--768:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 48px;
    padding: 6px 32px 8px 32px;
    font-size: 20px;
    border-width: 1px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--1024:active {
    color: #222222;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-outline--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-black-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--768:active {
    color: #222222;
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-outline--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-black-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-black-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--1024:active {
    color: #222222;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-fill--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-black-fill--1024:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--1024:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 768px) {
  .button-medium-black-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--768:active {
    color: #222222;
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-fill--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-black-fill--768:before {
    border-color: #222222;
  }
  .button-medium-black-fill--768:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--768:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--1024:active {
    color: #222222;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-glass--1024 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-black-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--768:active {
    color: #222222;
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-black-glass--768 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-outline--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-blue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-outline--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-blue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-fill--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 768px) {
  .button-medium-blue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-fill--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-blue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--768:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--768:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-glass--1024 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-blue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-blue-glass--768 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-white-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-outline--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-white-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-white-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-outline--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-white-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-white-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-fill--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-white-fill--1024:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-white-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-fill--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-white-fill--768:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-white-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-glass--1024 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-white-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-white-glass--768 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-outline--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-outline--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-fill--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-fill--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-fill--768:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-glass--1024 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glasswhite-glass--768 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-outline--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-outline--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-fill--1024 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-fill--768 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 415px), only screen and (max-width: 1024px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-glass--1024 {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 40px;
    padding: 6px 32px 8px 32px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 415px), only screen and (max-width: 768px) and (min-width: 416px) and (max-width: 1024px) {
  .button-medium-glassblue-glass--768 {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--1024:active {
    color: #222222;
  }
  .button-medium-black-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-black-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--768:active {
    color: #222222;
  }
  .button-medium-black-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-black-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--1024:active {
    color: #222222;
  }
  .button-medium-black-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-black-fill--1024:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--1024:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 768px) {
  .button-medium-black-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--768:active {
    color: #222222;
  }
  .button-medium-black-fill--768:before {
    border-color: #222222;
  }
  .button-medium-black-fill--768:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--768:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--1024:active {
    color: #222222;
  }
}
@media (max-width: 768px) {
  .button-medium-black-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--768:active {
    color: #222222;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-blue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 768px) {
  .button-medium-blue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--768:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--768:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-blue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-white-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-white-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-white-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-fill--1024:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-white-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-fill--768:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-white-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-white-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-fill--768:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    height: 32px;
    padding: 3px 16px 4px 16px;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--1024:active {
    color: #222222;
  }
  .button-medium-black-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-black-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-black-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-outline--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-outline--768:active {
    color: #222222;
  }
  .button-medium-black-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-black-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--1024:active {
    color: #222222;
  }
  .button-medium-black-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-black-fill--1024:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--1024:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 768px) {
  .button-medium-black-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-black-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-fill--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-fill--768:active {
    color: #222222;
  }
  .button-medium-black-fill--768:before {
    border-color: #222222;
  }
  .button-medium-black-fill--768:hover {
    background-color: #767676;
    border-color: #767676;
  }
  .button-medium-black-fill--768:hover:before {
    border-color: #767676;
  }
}
@media (max-width: 1024px) {
  .button-medium-black-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--1024:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--1024:active {
    color: #222222;
  }
}
@media (max-width: 768px) {
  .button-medium-black-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #222222;
    border-color: #222222;
    color: #ffffff;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-black-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-black-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-black-glass--768:hover {
    background-color: rgba(34, 34, 34, 0.2);
  }
  .button-medium-black-glass--768:active {
    color: #222222;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-blue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-blue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--1024:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--1024:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 768px) {
  .button-medium-blue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-blue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-blue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-blue-fill--768:hover {
    background-color: #192c50;
    border-color: #192c50;
  }
  .button-medium-blue-fill--768:hover:before {
    border-color: #192c50;
  }
}
@media (max-width: 1024px) {
  .button-medium-blue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-blue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    border-color: #557b92;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-blue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-blue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-blue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-white-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-white-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-white-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-white-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-fill--1024:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-white-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    border-color: #ffffff;
    text-transform: none;
  }
  .button-medium-white-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-white-fill--768:before {
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-white-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-white-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-white-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-white-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-white-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-white-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    color: #222222;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glasswhite-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-outline--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-fill--1024:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    border-color: #222222;
    text-transform: none;
  }
  .button-medium-glasswhite-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
  .button-medium-glasswhite-fill--768:before {
    border-color: #222222;
  }
  .button-medium-glasswhite-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glasswhite-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glasswhite-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--1024:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 768px) {
  .button-medium-glasswhite-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #ffffff;
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glasswhite-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glasswhite-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glasswhite-glass--768:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-outline--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-outline--1024:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-outline--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    color: #557b92;
    background-color: transparent;
    text-transform: none;
  }
  .button-medium-glassblue-outline--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-outline--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-outline--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-outline--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-outline--768:hover {
    background-color: invert(100%);
    color: invert(100%);
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-fill--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-fill--1024:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--1024:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--1024:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-fill--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    border-color: #557b92;
    text-transform: none;
  }
  .button-medium-glassblue-fill--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-fill--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
  .button-medium-glassblue-fill--768:before {
    border-color: #557b92;
  }
  .button-medium-glassblue-fill--768:hover {
    background-color: #ffffff;
    border-color: #ffffff;
  }
  .button-medium-glassblue-fill--768:hover:before {
    border-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .button-medium-glassblue-glass--1024 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--1024:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--1024:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--1024:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--1024:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
@media (max-width: 768px) {
  .button-medium-glassblue-glass--768 {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background: radial-gradient(104.07% 139.15% at 50.22% 0%, #E4EBEF 0%, rgba(231, 235, 237, 0.28) 100%);
    backdrop-filter: blur(30px);
    border-style: solid;
    border-image-source: linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
    text-transform: none;
  }
  .button-medium-glassblue-glass--768:before {
    content: "";
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100px;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 3px;
  }
  .button-medium-glassblue-glass--768:hover {
    background-color: rgba(36, 76, 90, 0.2);
  }
  .button-medium-glassblue-glass--768:hover:before {
    border-width: 1px;
  }
  .button-medium-glassblue-glass--768:before {
    border-image-source: radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%);
    border-color: none;
    border-width: 1px;
  }
}
.button-xsmall-glasswhite-glass {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  padding: 3px 16px 5px 16px;
  border-radius: 100px;
  backdrop-filter: blur(30px);
  border-style: solid;
  border-width: 1px;
  border-color: #dde1e3;
  background-origin: border-box;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(85, 123, 146, 0.1);
  color: #244c5a;
  height: 24px;
  border-color: linear-gradient(179.73deg, rgba(255, 255, 255, 0.21));
}
.button-xsmall-glasswhite-glass:visited {
  color: #244c5a;
}
.button-xsmall-glasswhite-glass .arrow {
  width: 10px;
  height: 7px;
  transform: rotate(270deg);
  margin-left: 4px;
}
.button-xsmall-glasswhite-glass:hover {
  border-radius: 100px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0 4px 10px 0 rgba(85, 123, 146, 0.1);
  border-style: solid;
  border-width: 1px;
  border-color: #d2d7db;
  background-color: rgba(85, 123, 146, 0.2);
}

.button-xsmall-glassblue-glass {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  padding: 3px 16px 5px 16px;
  border-radius: 100px;
  backdrop-filter: blur(30px);
  border-style: solid;
  border-width: 1px;
  border-color: #dde1e3;
  background-origin: border-box;
  cursor: pointer;
  text-decoration: none;
  background-color: rgba(85, 123, 146, 0.1);
  color: #244c5a;
  height: 24px;
  border-color: linear-gradient(179.73deg, rgba(255, 255, 255, 0.21));
}
.button-xsmall-glassblue-glass:visited {
  color: #244c5a;
}
.button-xsmall-glassblue-glass .arrow {
  width: 10px;
  height: 7px;
  transform: rotate(270deg);
  margin-left: 4px;
}
.button-xsmall-glassblue-glass:hover {
  border-radius: 100px;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0 4px 10px 0 rgba(85, 123, 146, 0.1);
  border-style: solid;
  border-width: 1px;
  border-color: #d2d7db;
  background-color: rgba(85, 123, 146, 0.2);
}

.button-medium-black-fill {
  color: #222 !important;
  background-color: transparent !important;
}

/* Selects */
select {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 1.33;
  color: #222222;
  padding-left: 5px;
  height: 32px;
  width: 100px;
  border-radius: 4px;
}

/* Checkbox start 
*
*  Markup Example
*  <p>
*    <input type="checkbox" name="rxRightEye" id="rxRightEye" checked="checked" class="blur">
*    <label for="rxRightEye" class="control-checkbox">TEXT</label>
*  </p>
*
*/
/* Base for label styling */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}

[type=checkbox]:not(:checked) + label,
[type=checkbox]:checked + label {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  line-height: 1.7;
  cursor: pointer;
}

/* checkbox aspect */
[type=checkbox]:not(:checked) + label:before,
[type=checkbox]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border: 1px solid #767676;
  background: #fff;
  border-radius: 2px;
  transition: all 0.275s;
}

/* checked mark aspect */
[type=checkbox]:not(:checked) + label:after,
[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 4px;
  font-size: 0;
  width: 10px;
  height: 10px;
  background: #767676;
  line-height: 0;
  transition: all 0.2s;
}

/* checked mark aspect changes */
[type=checkbox]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0) rotate(45deg);
}

[type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1) rotate(0);
}

/* Disabled checkbox */
[type=checkbox]:disabled:not(:checked) + label:before,
[type=checkbox]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}

[type=checkbox]:disabled:checked + label:after {
  color: #777;
}

[type=checkbox]:disabled + label {
  color: #aaa;
}

/* Accessibility */
[type=checkbox]:checked:focus + label:before,
[type=checkbox]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(216, 216, 216, 0.1), 0 0 0 6px rgba(246, 246, 246, 0.2);
}

/* Checkbox end */
/* Css switch based on <a> tag
*
*  to be activated switch-outer needs class="active"
*
*  Markup Example:
*  <a href="javascript:void(0)" class="switch-outer">
*    <span class="switch-inner"></span>
*  </a>
*/
a.switch-outer {
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background-color: #767676;
  display: inline-block;
  position: relative;
  transition: all 0.25s ease-out;
}
a.switch-outer span.switch-inner {
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 12px;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: all 0.2s ease-out;
}
a.switch-outer.active {
  background-color: #557b92;
}
a.switch-outer.active span.switch-inner {
  left: 21px;
}

a.filter-button {
  height: 32px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 100px;
  border: solid 1px #d8d8d8;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
  margin-right: 16px;
  text-decoration: none;
  color: inherit;
  width: fit-content;
  background-color: #ffffff;
}
a.filter-button:hover {
  padding: 7px 15px;
  border-width: 2px;
}
a.filter-button.selected {
  border-color: #192c50;
  background-color: #e7eef0;
  color: #192c50;
}
a.filter-button.selected:after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTk5OTIgMC4zMzM5ODRDMy4zMTMyNSAwLjMzMzk4NCAwLjMzMzI1MiAzLjMxMzk4IDAuMzMzMjUyIDcuMDAwNjVDMC4zMzMyNTIgMTAuNjg3MyAzLjMxMzI1IDEzLjY2NzMgNi45OTk5MiAxMy42NjczQzEwLjY4NjYgMTMuNjY3MyAxMy42NjY2IDEwLjY4NzMgMTMuNjY2NiA3LjAwMDY1QzEzLjY2NjYgMy4zMTM5OCAxMC42ODY2IDAuMzMzOTg0IDYuOTk5OTIgMC4zMzM5ODRaTTkuODY2NTggOS44NjczMkM5LjYwNjU5IDEwLjEyNzMgOS4xODY1OSAxMC4xMjczIDguOTI2NTkgOS44NjczMkw2Ljk5OTkyIDcuOTQwNjVMNS4wNzMyNSA5Ljg2NzMyQzQuODEzMjUgMTAuMTI3MyA0LjM5MzI1IDEwLjEyNzMgNC4xMzMyNSA5Ljg2NzMyQzMuODczMjUgOS42MDczMiAzLjg3MzI1IDkuMTg3MzIgNC4xMzMyNSA4LjkyNzMyTDYuMDU5OTIgNy4wMDA2NUw0LjEzMzI1IDUuMDczOThDMy44NzMyNSA0LjgxMzk4IDMuODczMjUgNC4zOTM5OCA0LjEzMzI1IDQuMTMzOThDNC4zOTMyNSAzLjg3Mzk4IDQuODEzMjUgMy44NzM5OCA1LjA3MzI1IDQuMTMzOThMNi45OTk5MiA2LjA2MDY1TDguOTI2NTkgNC4xMzM5OEM5LjE4NjU5IDMuODczOTggOS42MDY1OSAzLjg3Mzk4IDkuODY2NTggNC4xMzM5OEMxMC4xMjY2IDQuMzkzOTggMTAuMTI2NiA0LjgxMzk4IDkuODY2NTggNS4wNzM5OEw3LjkzOTkyIDcuMDAwNjVMOS44NjY1OCA4LjkyNzMyQzEwLjExOTkgOS4xODA2NSAxMC4xMTk5IDkuNjA3MzIgOS44NjY1OCA5Ljg2NzMyWiIgZmlsbD0iIzU1N0I5MiIvPgo8L3N2Zz4K);
  height: 14px;
  width: 14px;
  margin-left: 7px;
}
a.filter-button.dash-black {
  background-color: #222222;
  color: #ffffff;
}
a.filter-button.dash-white {
  background-color: #ffffff;
  color: #222222;
}
a.filter-button.disabled {
  border-color: #d8d8d8;
  background-color: #f6f6f6;
  color: #767676;
  cursor: not-allowed;
}
a.filter-button.disabled:after {
  display: none;
}

.store-input-form-example {
  display: flex;
}
.store-input-form-example .store-input-example {
  height: 40px;
  width: 100%;
  border-radius: 100px;
  background: #f6f6f6;
  border: none;
  outline: none;
  text-indent: 32px;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 24px;
}
@media only screen and (max-width: 415px) {
  .store-input-form-example .store-input-example {
    width: 100%;
    margin-left: unset;
    height: 31px;
    text-indent: 6px;
    font-size: 12px;
    letter-spacing: 0;
  }
}
.store-input-form-example .submit-find-store {
  height: 40px;
  width: 33.4%;
  margin-left: -26.9%;
  display: inline-block;
}

a.animated {
  width: fit-content;
  text-decoration: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  display: block;
  margin: 20px auto;
  position: relative;
  overflow: hidden;
  padding: 0 6px;
  color: #767676;
  transition: color 0.3s cubic-bezier(0.11, 0.7, 0, 1);
}
a.animated:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #767676;
  content: "";
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.11, 0.7, 0, 1);
  font-size: 0.875rem;
  letter-spacing: 0.15rem;
  line-height: 1.8;
}
a.animated:hover:after {
  transform: scale(1);
}
a.animated.upper {
  text-transform: uppercase;
}
a.animated.stroke {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
}
a.animated.stroke:after {
  height: 2px;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after, .slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff center center no-repeat;
}

.slick-next, .slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000;
}

[sidebarjs-backdrop], [sidebarjs] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[sidebarjs].sidebarjs--left, [sidebarjs].sidebarjs--left [sidebarjs-container] {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

[sidebarjs].sidebarjs--right, [sidebarjs].sidebarjs--right [sidebarjs-container] {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

[sidebarjs].sidebarjs--left [sidebarjs-container] {
  -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
}

[sidebarjs].sidebarjs--right [sidebarjs-container] {
  -webkit-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2);
  margin-left: auto;
}

[sidebarjs-backdrop] {
  position: absolute;
  background: #000;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  will-change: opacity;
}

[sidebarjs-container] {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 90%;
  max-width: 504px;
  height: 100%;
  background: white;
  -webkit-transition: -webkit-transform ease 0.3s;
  transition: -webkit-transform ease 0.3s;
  transition: transform ease 0.3s;
  transition: transform ease 0.3s, -webkit-transform ease 0.3s;
  will-change: transform;
  /* height: 100%; */
}

[sidebarjs] {
  position: fixed;
  z-index: 100002;
  -webkit-transition: -webkit-transform 0s ease 0.3s;
  transition: -webkit-transform 0s ease 0.3s;
  transition: transform 0s ease 0.3s;
  transition: transform 0s ease 0.3s, -webkit-transform 0s ease 0.3s;
}

[sidebarjs].sidebarjs--is-visible {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0s ease 0s;
  transition: -webkit-transform 0s ease 0s;
  transition: transform 0s ease 0s;
  transition: transform 0s ease 0s, -webkit-transform 0s ease 0s;
}

[sidebarjs].sidebarjs--is-visible [sidebarjs-container] {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

[sidebarjs].sidebarjs--is-moving {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

[sidebarjs].sidebarjs--is-moving [sidebarjs-container], [sidebarjs].sidebarjs--is-moving [sidebarjs-backdrop] {
  -webkit-transition: none;
  transition: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

lc-datepicker .underlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
lc-datepicker .lc-datepicker {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  box-sizing: border-box;
  width: 300px;
  padding: 24px;
  margin: 8px 0;
  border-radius: 10px;
  background-color: white;
  filter: drop-shadow(0px 2px 4px rgba(40, 41, 61, 0.04)) drop-shadow(0px 8px 16px rgba(96, 97, 112, 0.16));
}
lc-datepicker .lc-datepicker .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 16px;
  height: 32px;
  padding-left: 6px;
}
lc-datepicker .lc-datepicker .header span.header-control {
  cursor: pointer;
}
lc-datepicker .lc-datepicker .header span.header-control:hover {
  color: #557b92;
}
lc-datepicker .lc-datepicker .header span.header-control::after {
  content: " ";
}
lc-datepicker .lc-datepicker .header .buttons {
  margin-left: auto;
  margin-right: -10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
lc-datepicker .lc-datepicker .header .buttons .prev,
lc-datepicker .lc-datepicker .header .buttons .next {
  border: none;
  background-color: transparent;
  font-size: 0;
  font-weight: bold;
  cursor: pointer;
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0 8px;
  position: relative;
}
lc-datepicker .lc-datepicker .header .buttons .disabled {
  opacity: 0;
  pointer-events: none;
}
lc-datepicker .lc-datepicker .header .buttons .prev:hover::after,
lc-datepicker .lc-datepicker .header .buttons .next:hover::after {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background-color: #f6f6f6;
}
lc-datepicker .lc-datepicker .header .buttons .prev {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7095 15.88L10.8295 12L14.7095 8.11998C15.0995 7.72998 15.0995 7.09998 14.7095 6.70998C14.3195 6.31998 13.6895 6.31998 13.2995 6.70998L8.70945 11.3C8.31945 11.69 8.31945 12.32 8.70945 12.71L13.2995 17.3C13.6895 17.69 14.3195 17.69 14.7095 17.3C15.0895 16.91 15.0995 16.27 14.7095 15.88Z' fill='%23557B92'/%3E%3C/svg%3E%0A");
}
lc-datepicker .lc-datepicker .header .buttons .next {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.29055 15.88L13.1705 12L9.29055 8.11998C8.90055 7.72998 8.90055 7.09998 9.29055 6.70998C9.68055 6.31998 10.3105 6.31998 10.7005 6.70998L15.2905 11.3C15.6805 11.69 15.6805 12.32 15.2905 12.71L10.7005 17.3C10.3105 17.69 9.68055 17.69 9.29055 17.3C8.91055 16.91 8.90055 16.27 9.29055 15.88Z' fill='%23557B92'/%3E%3C/svg%3E%0A");
}
lc-datepicker .lc-datepicker .date-page .header {
  font-size: 16px;
  line-height: 24px;
}
lc-datepicker .lc-datepicker .date-page .dates-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
lc-datepicker .lc-datepicker .date-page .weekdays {
  display: flex;
  flex-direction: row;
  height: 32px;
  align-items: center;
  cursor: default;
}
lc-datepicker .lc-datepicker .date-page .weekdays .weekday {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14.2857142857%;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #767676;
}
lc-datepicker .lc-datepicker .date-page .dates-list .date {
  width: 14.2857142857%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
lc-datepicker .lc-datepicker .date-page .dates-list .date.invalid {
  pointer-events: none;
  opacity: 0;
}
lc-datepicker .lc-datepicker .date-page .dates-list .date::after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
lc-datepicker .lc-datepicker .date-page .dates-list .date:hover::after {
  display: block;
  background-color: #f6f6f6;
}
lc-datepicker .lc-datepicker .date-page .dates-list .date.selected {
  color: #fff;
}
lc-datepicker .lc-datepicker .date-page .dates-list .date.selected::after {
  display: block;
  background-color: #557b92;
}
lc-datepicker .lc-datepicker .date-page .dates-list .date.pastMonth, lc-datepicker .lc-datepicker .date-page .dates-list .date.nextMonth {
  color: #d8d8d8;
}
lc-datepicker .lc-datepicker .year-page .years-list,
lc-datepicker .lc-datepicker .month-page .months-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
lc-datepicker .lc-datepicker .year-page .years-list .year,
lc-datepicker .lc-datepicker .month-page .months-list .month {
  width: calc(33.3333333333% + 0.6666666667px);
  box-sizing: border-box;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e9e9e9;
  margin-top: -1px;
  margin-left: -1px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
lc-datepicker .lc-datepicker .year-page .years-list .year.invalid,
lc-datepicker .lc-datepicker .month-page .months-list .month.invalid {
  pointer-events: none;
  opacity: 0;
}
lc-datepicker .lc-datepicker .year-page .years-list .year:hover,
lc-datepicker .lc-datepicker .month-page .months-list .month:hover {
  background-color: #f6f6f6;
}
lc-datepicker .lc-datepicker .year-page .years-list .year.selected,
lc-datepicker .lc-datepicker .month-page .months-list .month.selected {
  color: #fff;
  background-color: #557b92;
}

/**
 * selectize.css (v0.12.1)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control {
  position: relative;
  width: 100%;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-input,
.selectize-input.input-active {
  display: flex !important;
  align-items: center;
  height: 48px;
}

.selectize-input .item {
  font-size: 16px;
  font-family: "sofia-pro", Verdana, Arial, sans-serif;
  font-weight: 400;
}

.selectize-control ~ label {
  font-size: 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  display: block;
  color: #767676;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
  pointer-events: none;
  width: auto;
  position: absolute;
  left: 12px;
  top: 0.8rem;
  padding: 0 4px;
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
  background-color: white;
}

.selectize-control ~ label {
  z-index: 1;
}

selectize.ng-not-empty ~ label,
.selectize-control:focus-within ~ label {
  top: -0.5rem;
  font-size: 12px;
  left: 12px;
  color: #222222;
}

selectize.ng-not-empty ~ label.insurance-carrier {
  top: -19%;
  font-size: 12px;
  color: #222222;
  line-height: 16px;
  letter-spacing: 0.16px;
}

selectize ~ label .insurance-carrier-step-3 ~ label .move-label-to-center {
  top: -19%;
  font-size: 16px;
  color: #767676;
  line-height: 16px;
  letter-spacing: 0.16px;
}
selectize ~ label .insurance-carrier-step-3 ~ label .move-label-to-center.insurance-carrier-step-3 {
  font-size: 12px;
}
selectize.ng-not-empty ~ label.insurance-carrier-step-3 {
  top: -21%;
  color: #767676;
  letter-spacing: 0.16px;
}

.selectize-control.single .selectize-dropdown .selectize-dropdown-content .no-results .option {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  height: 48px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  margin: 0;
}
.selectize-control.single .selectize-dropdown .selectize-dropdown-content .no-results .option.option-1 {
  color: #767676;
}
.selectize-control.single .selectize-dropdown .selectize-dropdown-content .no-results .option.option-2 {
  background-color: #F6F6F6;
}

.selectize-control.single .selectize-input.input-active ~ .selectize-dropdown {
  margin: 0;
  box-sizing: border-box;
  border-color: #557B92;
  border-width: 2px;
}

.selectize-control.single .selectize-dropdown.single .selectize-dropdown-content .option {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 0;
  padding-left: 16px;
}

.selectize-control.single .selectize-input:after {
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 9px;
  top: 50%;
  background-image: url("../../images/icons/arrow-down.svg");
  border: initial;
}

.selectize-control.single .selectize-input:not(.dropdown-active):after {
  top: 50%;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  transform: rotate(180deg);
}

.selectize-control.single .selectize-input {
  padding-left: 16px;
  padding-right: 44px;
}
.selectize-control.single .selectize-input.input-active {
  border: 2px solid #557B92;
}

/* when panel is open body doesn't scroll */
body.hidden-overflow, html.hidden-overflow {
  overflow: hidden !important;
}

.insurance-panel-overlay {
  display: block;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
}
.insurance-panel-overlay .d-none {
  display: none !important;
}

.insurance-step-container {
  font-weight: bold;
  margin-bottom: 24px;
}
@media screen and (max-width: 500px) {
  .insurance-step-container {
    margin-bottom: 16px;
  }
}
.insurance-step-container .commons-wrapper {
  padding: 8px 0;
  align-items: center;
}
.insurance-step-container .commons-wrapper .commons {
  color: #557b92;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 500px) {
  .insurance-step-container .commons-wrapper .commons {
    line-height: 16px;
    font-size: 12px;
  }
}

.oon-step-container {
  font-family: "sofia-pro", Arial, Helvetica, sans-serif;
}
.oon-step-container .element-wrapper {
  margin-bottom: 24px;
}
@media screen and (max-width: 500px) {
  .oon-step-container .element-wrapper {
    margin-bottom: 16px;
  }
}
.oon-step-container .element-wrapper .circle-wrapper {
  display: flex;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  background-color: #E7EEF0;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: #222222;
  font-size: 20px;
}
@media screen and (max-width: 500px) {
  .oon-step-container .element-wrapper .circle-wrapper {
    font-size: 20px;
    line-height: 32px;
    margin-right: 16px;
  }
}
.oon-step-container .element-wrapper:first-child {
  margin-top: 32px;
}
@media screen and (max-width: 500px) {
  .oon-step-container .element-wrapper:first-child {
    margin-top: 16px;
  }
}
.oon-step-container .element-wrapper .instruction1 {
  line-height: 24px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
@media screen and (max-width: 500px) {
  .oon-step-container .element-wrapper .instruction1 {
    font-size: 14px;
  }
}
.oon-step-container .element-wrapper .instruction2 {
  letter-spacing: 0.5px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 500px) {
  .oon-step-container .element-wrapper .instruction2 {
    line-height: 20px;
    font-size: 14px;
  }
}
.oon-step-container .element-wrapper .instruction2 a {
  font-weight: 700;
  text-decoration: underline;
  color: #222222;
  cursor: pointer;
}
.oon-step-container .element-wrapper .instruction2 .call-style {
  color: #222222;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .oon-step-container .element-wrapper .instruction2 .mobile-br::before {
    content: "";
    display: block;
  }
}
.oon-step-container .element-wrapper .instruction3 {
  letter-spacing: 0.5px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 500px) {
  .oon-step-container .element-wrapper .instruction3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .oon-step-container .element-wrapper.last-child {
    margin-bottom: 24px;
  }
}
.oon-step-container .button-wrapper {
  display: flex;
  justify-content: center;
  gap: 24px;
}
.oon-step-container .button-wrapper a {
  text-decoration: none;
}
@media screen and (max-width: 500px) {
  .oon-step-container .button-wrapper a {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .oon-step-container .button-wrapper a.take-max-width {
    width: 100%;
  }
}
.oon-step-container .button-wrapper .button-element {
  text-transform: uppercase;
  background-color: #557b92;
  padding: 8px 32px 8px 32px;
  border-radius: 100px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 24px;
}
.oon-step-container .button-wrapper .button-element.first-button {
  width: auto;
  height: 40px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 500px) {
  .oon-step-container .button-wrapper .button-element.first-button {
    height: 32px;
    font-size: 14px;
  }
}
.oon-step-container .button-wrapper .button-element.second-button {
  width: auto;
  letter-spacing: 0.5px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 500px) {
  .oon-step-container .button-wrapper .button-element.second-button {
    height: 32px;
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  .oon-step-container .button-wrapper .button-element {
    padding: 4px 16px 4px 16px;
  }
}
@media screen and (max-width: 500px) {
  .oon-step-container .button-wrapper {
    gap: 16px;
  }
}

.vertical-line {
  margin: 0 8px;
  border-left: 1px solid #D8D8D8; /* 1px solid black line */
  height: 24px;
  width: 1px;
}
@media screen and (max-width: 500px) {
  .vertical-line {
    margin: 0 4px;
    height: 16px;
  }
}

/* Insurance style - START */
.out-network-wrapper {
  margin-top: 16px;
}
.out-network-wrapper .panel-title .text-bold {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.out-network-wrapper .panel-title .oon-panel-title-claim-2 {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 24px;
}

.insurance-step-1, .insurance-step-2 {
  height: 100%;
  overflow: auto;
}

.sub-header-nav .close-icon {
  content: ">";
  margin-left: 5px;
  font-size: 15px;
  background-image: image-set(url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202005-lenspanel/xclose.png") 1x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202005-lenspanel/xclose@2x.png") 2x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202005-lenspanel/xclose@3x.png") 3x);
  background-image: -webkit-image-set(url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202005-lenspanel/xclose.png") 1x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202005-lenspanel/xclose@2x.png") 2x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202005-lenspanel/xclose@3x.png") 3x);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  object-fit: contain;
  background-size: contain;
}

.sidenav-body {
  background-color: white;
  margin-top: 16px;
  margin-left: 32px;
  margin-right: 32px;
  flex-grow: 1;
}
@media screen and (max-width: 500px) {
  .sidenav-body {
    margin: 16px;
  }
}

.sidenav-body .plan-info {
  /* height: 240px; */
  margin-bottom: 8px;
}

.sidenav-body .plan-info .tabs-navigation {
  margin-bottom: 20px;
}

.sidenav-body .plan-info .tabs-navigation a {
  text-decoration: none;
}

.sidenav-body .plan-info .tabs-navigation a, .sidenav-body .plan-info .tabs-navigation p {
  display: inline-block;
}

.sidenav-body .plan-info .tabs-navigation a {
  color: #222222;
  /* outline : none; */
  font-size: 14px;
  font-family: "sofia-pro-extra-light", Verdana, Arial, sans-serif;
}

.sidenav-body .plan-info .tabs-navigation p {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  margin: 0 10px;
}

.sidenav-body .plan-info .tabs-navigation a.selected {
  border-bottom: 1px solid #222222;
  font-weight: 900;
  padding-bottom: 3px;
  font-size: 14px;
  font-family: "sofia-pro-semibold", Verdana, Arial, sans-serif;
}

.sidenav-body .plan-info form input[type=text] {
  padding-left: 5px;
  font-family: "sofia-pro", sans-serif;
  width: 266px;
  height: 30px;
  border-radius: 2px;
  background-color: #f2f2f2;
}

.sidenav-body .plan-info form .firstname-input input, .sidenav-body .plan-info form .lastname-input input {
  width: 266px;
}

.sidenav-body .plan-info form .dob-input input, .sidenav-body .plan-info form .zipcode-input input {
  width: 125px;
}

.sidenav-body .plan-info form .firstname-input span.insurance-input-validation,
.sidenav-body .plan-info form .lastname-input span.insurance-input-validation,
.sidenav-body .plan-info form span.insurance-input-validation,
.sidenav-body div span.insurance-input-validation.required-insurance {
  font: 12px "sofia-pro", Verdana, Arial, sans-serif;
  text-align: left;
  width: 100%;
  display: block;
  height: 30px;
  margin-top: -5px;
  color: red;
}

.sidenav-body div span.insurance-input-validation.required-insurance {
  width: 307px !important;
  position: relative;
  top: 5px;
}

.sidenav-body .plan-info form .firstname-input input,
.sidenav-body .plan-info form .lastname-input input,
.sidenav-body .plan-info form .dob-input input,
.sidenav-body .plan-info form .zipcode-input input {
  border: 1px solid #D8D8D8;
  padding-left: 16px;
  padding-right: 44px;
  width: 100%;
}

.dob-input .underlay {
  display: none;
}
.dob-input .lc-datepicker {
  z-index: 2;
  position: absolute;
  margin-top: 8px !important;
}
.dob-input .lc-datepicker .header {
  margin-bottom: 16px !important;
}
.dob-input .lc-datepicker .header .buttons {
  margin: 0 -10px 0 auto !important;
}
.dob-input .lc-datepicker .invalid::before {
  display: none;
}

.sidenav-body .plan-info form .valid input, .sidenav-body .plan-info form .invalid input {
  padding-right: 44px;
}

.sidenav-body .plan-info form .dob-input,
.sidenav-body .plan-info form .zipcode-input {
  display: inline-block;
}

.sidenav-body .plan-info form .firstname-input label,
.sidenav-body .plan-info form .lastname-input label,
.sidenav-body .plan-info form .dob-input label,
.sidenav-body .plan-info form .zipcode-input label,
.sidenav-body .plan-info form .planid-input label,
.sidenav-body .plan-info form .memberid-input label {
  font-size: 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  width: 100%;
  display: block;
  color: #767676;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
  pointer-events: none;
  width: auto;
  position: absolute;
  left: 12px;
  top: 0.8rem;
  padding: 0 4px;
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
  background-color: white;
}

#InsuranceStepsDiv {
  min-height: 100%;
  min-height: -webkit-fill-available; /* fix panel height on safari iOS */
}

.sidenav-body .select:not(.empty-select) .selectize-control ~ label.selectize-insurance-provider {
  top: -19% !important;
  font-size: 12px;
  color: #222222;
  line-height: 16px;
  letter-spacing: 0.16px;
}

.insurance-step-1 .sidenav-body .remove-first-step-icon .selectize-control.single .selectize-input.ng-dirty.ng-invalid.not-full:not(.input-active):before {
  background-image: none;
}

#insurance-input-container-id:focus-within > label {
  top: -19% !important;
  font-size: 12px;
  color: #222222;
  line-height: 16px;
  letter-spacing: 0.16px;
}

#insurance-input-container-id .selectize-control .selectize-input {
  padding: 12px 16px 12px 16px;
  border: 1px solid #B0B0B0;
  border-radius: 4px;
}
#insurance-input-container-id .selectize-control .selectize-input.input-active {
  border: 2px solid #557B92 !important;
}
@media screen and (max-width: 500px) {
  #insurance-input-container-id .selectize-control .selectize-input {
    border: 1px solid #D8D8D8;
  }
}
#insurance-input-container-id .selectize-control .selectize-input:after {
  background-repeat: no-repeat;
  width: 16px;
  height: 9px;
  background-image: url("../../images/icons/arrow-down.svg");
  border: initial;
  right: 13px;
  background-position: center;
  top: 50%;
  bottom: 12px;
  color: #222222;
}
@media screen and (max-width: 500px) {
  #insurance-input-container-id .selectize-control .selectize-input.items div.item {
    font-size: 16px;
  }
}

.move-label-to-center {
  top: 24%;
}

#InsuranceStepsDiv .sidenav-body .insurance-input-container > label.placeholder-on-top {
  transform: translateY(-50%);
  max-width: 100%;
}

.sidenav-body .plan-info form .dob-input input:not(:focus)::placeholder {
  color: transparent;
}

.sidenav-body .plan-info form .lastname-input input:focus ~ label,
.sidenav-body .plan-info form .dob-input input:focus ~ label,
.sidenav-body .plan-info form .zipcode-input input:focus ~ label,
.sidenav-body .plan-info form .firstname-input input:focus ~ label,
.sidenav-body .selectize-control:focus-within ~ label,
.sidenav-body .plan-info form .input:not(:placeholder-shown).input:not(:focus) ~ label {
  top: -0.5rem;
  font-size: 12px;
  left: 12px;
  color: #222222;
}

.sidenav-body .selectize-control:focus-within ~ label.insurance-carrier-step-3 {
  top: -19%;
  font-size: 12px;
  color: #767676;
  line-height: 16px;
  letter-spacing: 0.16px;
}

.sidenav-body .plan-info form input:not(:valid) ~ .close-icon,
.sidenav-body .plan-info form input:not(:focus) ~ .close-icon {
  display: none;
}

.sidenav-body .selectize-dropdown .active {
  background-color: #E7EEF0;
  color: #222222;
}

.sidenav-body .plan-info form .close-icon {
  border: 1px solid transparent;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  outline: 0;
  cursor: pointer;
  background-image: url("../../images/cancel-ico.svg");
  background-size: 15px;
  width: 20px;
  height: 18px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0.9rem;
  right: 2.6rem;
}

.sidenav-body .plan-info form .login-data div:not(.valid):not(.invalid) input ~ .close-icon {
  right: 1.2rem;
}

.sidenav-body .plan-info form .insurance-input-container, .sidenav-body .insurance-input-container.select {
  position: relative;
}
.sidenav-body .plan-info form .insurance-input-container a, .sidenav-body .insurance-input-container.select a {
  cursor: pointer;
}
.sidenav-body .plan-info form .insurance-input-container a svg.icon, .sidenav-body .insurance-input-container.select a svg.icon {
  width: 16px;
  height: 16px;
  right: 7px;
  left: 7px;
  pointer-events: none;
  fill: #767676;
}
.sidenav-body .plan-info form .insurance-input-container a.clear-input-icon, .sidenav-body .insurance-input-container.select a.clear-input-icon {
  position: absolute;
  top: 13px;
  right: 16px;
  width: 16px;
  height: 16px;
  background-color: white;
  z-index: 100;
}
@media only screen and (max-width: 415px) {
  .sidenav-body .plan-info form .insurance-input-container a.clear-input-icon, .sidenav-body .insurance-input-container.select a.clear-input-icon {
    top: 16px;
  }
}
.sidenav-body .plan-info form .insurance-input-container a.clear-input-icon.selectize, .sidenav-body .insurance-input-container.select a.clear-input-icon.selectize {
  right: 43px;
  top: 16px;
  background: white;
  z-index: 1;
}

button.selectize-clear-button {
  z-index: 2;
  position: absolute;
  right: 40px;
  top: 12px;
  height: 24px;
  width: 24px;
  border: none;
  background: white;
}
button.selectize-clear-button[disabled] {
  display: none;
}
button.selectize-clear-button:hover svg {
  opacity: 75%;
}
button.selectize-clear-button svg {
  position: absolute;
  top: 4px;
  left: 4px;
  float: none;
  height: 16px;
  width: 16px;
  opacity: 50%;
}

.selectize-input input {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
}

.sidenav-body .plan-info form .valid, .sidenav-body .plan-info form .invalid {
  position: relative;
}
.sidenav-body .plan-info form .valid:before, .sidenav-body .plan-info form .invalid:before {
  background-repeat: no-repeat;
  background-size: 24px;
  content: "";
  position: absolute;
  top: 12px;
  width: 24px;
  height: 24px;
  z-index: 1;
  right: 16px;
}
.sidenav-body .plan-info form .valid:not(.month):not(.date):not(.untouched):before {
  background-image: url("../../images/confirm-check.svg");
}
.sidenav-body .plan-info form .invalid:not(.month):not(.date):not(.untouched):before {
  background-image: url("../../images/warning.svg");
}

.sidenav-body .selectize-control.single .selectize-input.ng-valid.full:not(.input-active) {
  border: 1px solid #247534 !important;
}

.sidenav-body .selectize-control.single .selectize-input.ng-valid.full:not(.input-active):before {
  content: " ";
  display: block;
  position: absolute;
  top: 13px;
  right: 40px;
  margin-top: -3px;
  background-repeat: no-repeat;
  background-image: url("../../images/confirm-check.svg");
  background-size: 24px;
  width: 24px;
  height: 24px;
  z-index: 1;
}

.sidenav-body .insurance-input-container.empty-select .selectize-input.ng-invalid.not-full:not(.input-active),
.sidenav-body .selectize-control.single .selectize-input.ng-dirty.ng-invalid.not-full:not(.input-active) {
  border: 1px solid red;
}

.sidenav-body .insurance-input-container.empty-select .selectize-input.ng-invalid.not-full:not(.input-active):before,
.sidenav-body .selectize-control.single .selectize-input.ng-dirty.ng-invalid.not-full:not(.input-active):before {
  content: " ";
  display: block;
  position: absolute;
  top: 13px;
  right: 40px;
  margin-top: -3px;
  background-repeat: no-repeat;
  background-image: url("../../images/warning.svg");
  background-size: 24px;
  width: 24px;
  height: 24px;
  z-index: 1;
}

.sidenav-body .plan-info form input:not(:focus):not(.ng-untouched).ng-valid ~ label .required-field {
  color: #247534;
}

.sidenav-body .plan-info form input:not(:focus):not(.ng-untouched).ng-invalid.ng-touched ~ label .required-field {
  color: red;
}

.sidenav-body .submit-plan-info button {
  background-color: #557b92;
  color: #ffffff;
  padding: 6px 36px;
  font-size: 15px;
  font-family: "sofia-pro-medium", Verdana, Arial, sans-serif;
  border: 0;
  border-radius: 17.5px;
}

.sidenav-body .submit-plan-info button:hover, .sidenav-body .submit-plan-info button:focus {
  background-color: #192c50 !important;
  border-color: #192c50;
}

.sidenav-body .submit-plan-info button:disabled {
  background-color: gray;
  text-decoration: none;
  cursor: context-menu;
}

.lc-control .lc-control__indicator {
  border-radius: 3px;
  border: solid 1px #999999;
}

.sidenav-footer {
  margin: 0 32px 16px 32px;
}
@media screen and (max-width: 500px) {
  .sidenav-footer {
    margin: 16px;
  }
}

.insurance-step-1 .sidenav-header .insurance-providers div {
  height: 40px;
  display: inline-block;
}

.insurance-step-1 label.control-checkbox {
  font-size: 14px;
  font-family: "sofia-pro", sans-serif;
  font-weight: unset;
}

.insurance-step-1 .sidenav-header .insurance-providers div img {
  height: 35px;
  width: 60px;
}

.insurance-step-1 .sidenav-header .insurance-providers img {
  background-image: image-set(url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/insurance-providers.png") 1x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/insurance-providers@2x.png") 2x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/insurance-providers@3x.png") 3x);
  background-image: -webkit-image-set(url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/insurance-providers.png") 1x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/insurance-providers@2x.png") 2x, url("https://assets.lenscrafters.com/extra/image/LensCrafters/projects/202009-rxc/insurance-providers@3x.png") 3x);
  background-repeat: no-repeat;
  width: 100%;
  height: 27px;
  object-fit: contain;
  background-size: contain;
  overflow: hidden;
  margin: 20px 0 30px 0;
}

.insurance-step-2.sidenav-body, .insurance-step-3 .sidenav-body {
  padding-top: 100px;
}

.insurance-step-3, .insurance-step-4 {
  overflow-y: auto;
  height: 100%;
}

.insurance-step-3 .sidenav-body {
  height: 250px;
}

.insurance-step-2 .close-ins {
  width: 100% !important;
  display: flex;
  justify-content: end;
}
.insurance-step-2 .site-spinner {
  position: relative;
  left: 50%;
  bottom: 28px;
  width: 40px;
  height: 40px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: 90px;
}
.insurance-step-2 .site-spinner i {
  font-size: 42px;
}
.insurance-step-2 .loader-message p {
  margin: 8px 0 !important;
}
@media only screen and (max-width: 415px) {
  .insurance-step-2 .loader-message {
    text-align: center;
  }
}
.insurance-step-2 .loader-message label {
  font-family: "sofia-pro", sans-serif;
  margin: 0 !important;
  text-transform: uppercase;
  font-size: 18px;
}
.insurance-step-2 .loader-message label span {
  font-size: 16px;
}
@media only screen and (max-width: 415px) {
  .insurance-step-2 .loader-message label {
    text-align: center;
  }
}

.insurance-step-2 .loader-message p,
.insurance-step-3 .loader-message p,
.insurance-step-4 .loader-message p,
.insurance-step-5 .loader-message p {
  margin: 16px 0;
  font-size: 14px;
  font-family: "sofia-pro", sans-serif;
}

.insurance-step-2 .sidenav-footer {
  padding: 25px;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  position: absolute;
  bottom: 13px;
}
.insurance-step-2 .sidenav-footer span {
  border-top: 1px solid #D8D8D8;
}

.insurance-step-5 .alert-icon svg {
  width: 50px;
}

.insurance-step-3 .loader-message,
.insurance-step-4 .loader-message,
.insurance-step-5 .loader-message {
  text-align: center;
}

.insurance-step-3 .loader-message label,
.insurance-step-4 .loader-message label,
.insurance-step-5 .loader-message label {
  font-family: "sofia-pro", sans-serif;
  font-size: 18px;
}

.insurance-step-3 .sidenav-body .check-again {
  text-align: center;
  margin-top: 30px;
}

.insurance-step-3 .sidenav-body .check-again a,
.insurance-step-3 .sidenav-body .check-again p {
  display: inline-block;
}

.insurance-step-3 .sidenav-body .check-again a:first-child {
  background-color: #557b92;
  color: #ffffff;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: unset;
  font-family: "sofia-pro", sans-serif;
}

.insurance-step-3 .sidenav-body .check-again p {
  font-family: "sofia-pro", sans-serif;
  margin: 0 10px;
}

.insurance-step-3 .sidenav-body .check-again a:nth-child(3) {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  text-decoration: underline;
}

.insurance-step-3 .sidenav-footer {
  border: 0;
}

.insurance-step-3 .sidenav-footer .main-message {
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  margin-bottom: 20px;
}

.insurance-step-4 .main-message {
  text-align: center;
  font-size: 16px;
  margin-bottom: 24px;
}

.insurance-step-3 .sidenav-footer .split-section,
.insurance-step-5 .sidenav-footer .split-section {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
}

.insurance-step-3 .sidenav-footer .split-section a,
.insurance-step-5 .sidenav-footer .split-section a {
  text-decoration: underline;
}

.insurance-step-3 .sidenav-footer .split-section .left,
.insurance-step-5 .sidenav-footer .split-section .left {
  float: left;
  width: 50%;
  border-right: 1px solid #E6E6E6;
  padding-right: 20px;
}

.insurance-step-3 .sidenav-footer .split-section .left a,
.insurance-step-5 .sidenav-footer .split-section .left a {
  font-family: "sofia-pro", sans-serif;
}

.insurance-step-3 .sidenav-footer .split-section .right,
.insurance-step-5 .sidenav-footer .split-section .right {
  float: right;
  width: 45%;
}

.insurance-step-4 .sub-header-nav a:nth-child(2) {
  float: right;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  text-decoration: underline;
  outline: none;
}

.insurance-step-4 .sub-header-nav a:nth-child(2):hover {
  font-weight: 900;
}

.insurance-step-4 .sidenav-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  margin: 48px 40px 0px 40px;
  padding: 0 !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body {
    margin: 16px !important;
  }
}

.insurance-step-4 .sidenav-body .eligibility-list {
  font-family: "sofia-pro", sans-serif;
  width: 350px;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item img {
  width: 32px;
  overflow: hidden;
  vertical-align: middle;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.frames img {
  background: url("../../../images/sprites/ria-benefit-sprite.png") 0px 0px;
  background-size: 100%;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.lenses img {
  background: url("../../../images/sprites/ria-benefit-sprite.png") 0px -50px;
  background-size: 100%;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.contacts img {
  background: url("../../../images/sprites/ria-benefit-sprite.png") 0px 35px;
  background-size: 100%;
  /* text-align: right; */
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item p {
  font-size: 14px;
  font-family: "sofia-pro", sans-serif;
  color: #247534;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-info-eye-exam {
  color: #222;
  font-size: 13px;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-info {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400 !important;
  color: #222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-info {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 385px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-info {
    margin-left: 20px;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-info a {
  font-size: 12px;
  line-height: 16px;
  color: #222 !important;
  font-weight: 700;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-key p:not(.benefit-info):before {
  content: "";
  display: block;
  background-image: url(../../images/confirm-check.svg);
  background-size: 15px;
  width: 15px;
  height: 14px;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.unavailable p {
  color: #8C8C8C;
  position: relative;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.unavailable p:before {
  background-image: url(../../images/cancel-ico-2.svg);
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.unavailable.eye-exam .schedule-eye-exam {
  font-size: 12px;
}

.insurance-step-4 .sidenav-body .eligibility-list .eligible-item label {
  float: left;
}

.insurance-step-1 .sidenav-footer,
.insurance-step-2 .sidenav-footer,
.insurance-step-4 .sidenav-footer {
  text-align: left;
}

.insurance-step-3 .sidenav-footer,
.insurance-step-5 .sidenav-footer {
  border: 0;
  margin-top: 60px;
  margin-bottom: 30px;
}

.insurance-step-1 .sidenav-footer .main-message,
.insurance-step-3 .sidenav-footer .main-message,
.insurance-step-3 .sidenav-footer .sub-message,
.insurance-step-4 .sidenav-footer .main-message,
.insurance-step-5 .sidenav-footer .sub-message {
  font-family: "sofia-pro", sans-serif;
  margin-bottom: 10px;
  font-size: 15px;
}

.insurance-step-4 .sidenav-footer .sub-message a,
.insurance-step-5 .sidenav-footer .sub-message a {
  font-size: 15px;
  color: #222222;
  text-decoration: underline;
}

.insurance-step-4 .sidenav-footer .sub-message a:hover {
  font-weight: bold;
}

.insurance-step-5 .loader-message p label {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
}

input::-webkit-calendar-picker-indicator {
  display: none;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=date]::-webkit-input-placeholder {
  visibility: hidden !important;
}

.sidenav-body .plan-info form input.ng-invalid.ng-touched {
  border: solid 1px red !important;
}

.age-check-error {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  width: 100%;
  display: block;
  min-height: 30px;
  height: auto;
  margin-top: 5px;
  color: red;
  font-weight: 400;
}

.sidenav-header .discover-more {
  font-size: 13px;
  font-family: "sofia-pro-medium", Verdana, Arial, sans-serif;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: center;
  color: #557b92;
  text-decoration: underline;
}

.hippa-privacypolicies {
  font-size: 14px;
  font-family: "sofia-pro", Verdana, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.38;
  letter-spacing: normal;
  color: #557b92;
  text-decoration: underline;
}

.sidenav-cta {
  background-color: #557b92;
  color: white;
  padding: 6px 36px;
  font: 15px "sofia-pro-medium", Verdana, Arial, sans-serif;
  border: 0;
  border-radius: 17.5px;
  text-transform: uppercase;
  cursor: pointer;
}

@media only screen and (max-width: 600px) {
  .sidenav-cta {
    font-size: 13px;
    font: 14px "sofia-pro-medium", Verdana, Arial, sans-serif;
    padding: 6px 19px;
    max-height: 35px;
    text-transform: unset;
  }
  .sidenav-cta:hover, .sidenav-cta:focus {
    text-decoration: underline;
    background-color: #4589c8;
  }
  .sidenav-cta:disabled {
    background-color: gray;
    text-decoration: none;
    cursor: context-menu;
  }
  .sidenav-cta-container {
    padding: 20px 35px;
  }
}
@media only screen and (max-width: 600px) and (max-width: 415px), only screen and (max-width: 600px) and (min-width: 416px) and (max-width: 1024px) {
  .sidenav-cta-container {
    padding: 0 16px;
  }
}
/* Mobile - Start */
.mobile [sidebarjs-container] {
  width: 100%;
}

[sidebarjs].mobile {
  z-index: 100001;
}

.mobile #InsuranceStepsDiv {
  height: 100%;
}

.mobile .sub-header-nav, .mobile .sidenav-body .plan-info .tabs-navigation {
  margin-bottom: 30px;
}

.mobile .sub-header-nav, .mobile .sidenav-body .plan-info .tabs-navigation a {
  font: 13px "sofia-pro-extra-light", Verdana, Arial, sans-serif;
}

.mobile .sub-header-nav a {
  float: left;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
}

.mobile .sub-header-nav:before {
  content: "<";
  float: left;
  font-size: 13px;
  padding-right: 5px;
  font-family: FuturaBqLight;
  line-height: 1.5;
}

.mobile .sidenav-header .main-header {
  margin-bottom: 5px;
  line-height: 1.25;
  max-width: 220px;
  font-size: 24px;
  font-family: "sofia-pro-extra-light", Verdana, Arial, sans-serif;
}

.mobile .sidenav-header .main-header-desc {
  font-size: 13px;
  font-family: "sofia-pro-extra-light", Verdana, Arial, sans-serif;
}

.mobile .sidenav-body .tabs-title {
  font-size: 16px;
  font-family: "sofia-pro-semibold", Verdana, Arial, sans-serif;
  line-height: normal;
  letter-spacing: 0.57px;
  color: #333333;
  margin-bottom: 25px;
}

.mobile .sidenav-body .plan-info form label, .mobile .insurance-step-3 .sidenav-body .check-again a:nth-child(3) {
  margin-top: 10px;
}

.mobile .sidenav-body .submit-plan-info .age-check {
  margin: 30px 0 25px 0;
}

.mobile .sidenav-body .submit-plan-info button {
  font-size: 14px;
  font-family: "sofia-pro-medium", Verdana, Arial, sans-serif;
  padding: 6px 19px;
  max-width: 171px;
  max-height: 35px;
  text-transform: unset;
}

.mobile .sidenav-body .plan-info form span {
  margin-top: 5px;
}

.mobile .sidenav-body .plan-info form span.age-check-error {
  margin: -35px 0 50px 0;
}

.mobile .sidenav-body .plan-info form .dob-zip-container span {
  margin-top: 20px;
}

.mobile .insurance-step-3 .sidenav-footer {
  margin-top: 100px;
}

.mobile .insurance-step-4 .sidenav-body .eligibility-list {
  width: 100%;
}

.mobile .sidenav-body .plan-info .tabs-navigation a.selected {
  border-bottom: 0px;
  font-size: 13px;
  font-family: "sofia-pro-semibold", Verdana, Arial, sans-serif;
}

/* Mobile - End */
/* Insurance style - END */
.insurance-container.sidebarjs--is-visible > div:first-child {
  max-width: 720px !important;
  color: #222222;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible > div:first-child {
    font-size: 12px;
    line-height: 16px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data-title {
  margin-top: 60px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .main-header-desc, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .discover-more, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .main-header-desc, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .discover-more {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #222222 !important;
}
@media only screen and (max-width: 415px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .main-header-desc, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .discover-more, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .main-header-desc, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .discover-more {
    font-size: 12px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .main-header-desc.learn-more, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .discover-more.learn-more, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .main-header-desc.learn-more, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .discover-more.learn-more {
  color: #557b92 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info .tabs-navigation a, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info .tabs-navigation a {
  display: none;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info .tabs-navigation a.selected, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info .tabs-navigation a.selected {
  display: inline;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form input:-webkit-autofill, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form input:-webkit-autofill {
  background-color: transparent !important;
  box-shadow: 0 0 0px 1000px white inset !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data {
    grid-template-columns: 1fr;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .firstname-input, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .lastname-input, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .firstname-input, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .lastname-input {
  margin-bottom: 16px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-input, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .zipcode-input, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-input, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .zipcode-input {
    margin-bottom: 16px !important;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data.add-member div, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data.add-member div {
  margin-top: 13px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .insurance-input-validation, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .insurance-input-validation {
  width: 307px !important;
  position: relative;
  top: 5px;
  left: 16px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data input, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data input {
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0px 0px;
  height: 48px;
  outline-color: #767676;
  font-size: 16px;
  width: 100%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data input:focus, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data input:focus {
  outline: #557b92;
  border: 2px solid #557b92 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data input:focus::placeholder, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data input:focus::placeholder {
  color: transparent;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data input.valid:not(.ng-untouched), .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data input.valid:not(.ng-untouched) {
  border: solid 1px #247534 !important;
  outline-color: #247534;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data input.invalid:not(.ng-untouched), .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data input.invalid:not(.ng-untouched) {
  border: solid 1px #e32118 !important;
  outline-color: #e32118;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container {
  display: contents;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input input::placeholder, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input input::placeholder {
  opacity: 0;
  color: #D8D8D8;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input input:focus::placeholder, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input input:focus::placeholder {
  opacity: 1;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input input:focus::placeholder::after, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input input:focus::placeholder::after {
  content: "/";
  color: #222 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget.d-none, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget.d-none {
  display: none !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .clear-input-icon, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .clear-input-icon {
  right: 47px !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget {
  display: block;
  border-radius: 4px;
  box-shadow: 0px 5.891px 11.782px 0px rgba(96, 97, 112, 0.16), 0px 0px 2.945px 0px rgba(40, 41, 61, 0.04);
  display: flex;
  width: 256px;
  flex-direction: column;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  line-height: 120%;
  position: absolute;
  top: 48px;
  z-index: 100 !important;
  background-color: #ffffff;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget span, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget span {
  cursor: pointer;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-header, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-header {
  display: flex;
  width: 256px;
  height: 48px;
  padding: 11px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  background: #FFF;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-header, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-header {
  margin: 0 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-body, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-body {
  width: 256px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-month, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-month {
  display: flex;
  align-items: center;
  gap: 16px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-month .selected-month, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-month .selected-month {
  width: 65px;
  text-align: center;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-year, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-year {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-weekdays, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-weekdays {
  display: flex;
  height: 32px;
  justify-content: space-between;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days {
  display: flex;
  padding: 0px 16px 8px 16px;
  flex-wrap: wrap;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.d-none, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.d-none {
  display: none;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days p, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days p {
  display: flex;
  align-items: flex-start;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.date-page span, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.date-page span {
  width: 32px;
  height: 32px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.months-page, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.months-page {
  height: 128px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.months-page span, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.months-page span {
  width: 25%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page {
  overflow-y: auto;
  line-height: 32px;
  height: 224px;
  width: 240px !important;
  padding: 0 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page span, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page span {
  width: 25%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider {
  width: 235px !important;
  position: relative;
  height: 100% !important;
  margin: 0px 0px !important;
  display: flex;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-list.draggable, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-list.draggable {
  height: 100% !important;
  width: 224px !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots {
  width: 20px;
  height: 100% !important;
  position: static;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots li, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots li {
  display: block;
  position: relative;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots li button::before, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots li button::before {
  border: solid 0.5px #767676 !important;
  border-radius: 100%;
  content: "" !important;
  height: 8px;
  width: 8px;
  opacity: 1 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots li.slick-active button::before, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-dots li.slick-active button::before {
  border: solid 0.5px #222222 !important;
  background-color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-track, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-track {
  height: 100% !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-track .slick-slide, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-track .slick-slide {
  display: flex;
  width: 100% !important;
  flex-wrap: wrap !important;
  height: 100% !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-track .slick-slide span, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days.years-page .calendar-widget-years-slider .slick-track .slick-slide span {
  width: 25%;
  font-size: 16px;
  line-height: 24px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.pastMonth, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.nextMonth, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.pastMonth, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.nextMonth {
  opacity: 30%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.today, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.today {
  border-radius: 100%;
  border: 1px solid #000000;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .invalid, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .invalid {
  cursor: auto;
  opacity: 30%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.selected, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .year.selected, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .month.selected, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date.selected, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .year.selected, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .month.selected {
  border-radius: 30px;
  background: #557b92;
  color: #ffffff;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date:hover:not(.selected), .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .year:hover:not(.selected), .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .month:hover:not(.selected), .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .date:hover:not(.selected), .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .year:hover:not(.selected), .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days .month:hover:not(.selected) {
  border-radius: 30px;
  background: #F3F4F5;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days span, .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-weekdays span, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-days span, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data .dob-zip-container .dob-input .calendar-widget .calendar-widget-weekdays span {
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data-title, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data-title {
  display: flex;
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .age-check, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .age-check {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 24px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .age-check, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .age-check {
    margin-bottom: 16px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .age-check label, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .age-check label {
  font-size: 14px;
  font-family: "sofia-pro-light", Verdana, Arial, sans-serif;
  margin-top: 16px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .age-check label, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .age-check label {
    margin-top: 0px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .age-check .lc-control, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .age-check .lc-control {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .age-check .lc-control #certifyage + .lc-control__indicator, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .age-check .lc-control #certifyage + .lc-control__indicator {
  top: 5px;
  border-color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .age-check .lc-control .lc-control__indicator:after, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .age-check .lc-control .lc-control__indicator:after {
  left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
  transform: none;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.6402 8.2318C17.0645 8.58537 17.1218 9.21593 16.7682 9.64021L11.7682 15.6402C11.5835 15.8619 11.3121 15.9929 11.0236 15.9997C10.7352 16.0066 10.4578 15.8884 10.2629 15.6758L7.26285 12.403C6.88966 11.9959 6.91716 11.3633 7.32428 10.9901C7.7314 10.617 8.36397 10.6445 8.73716 11.0516L10.9641 13.481L15.2318 8.35984C15.5853 7.93556 16.2159 7.87824 16.6402 8.2318Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: 50% 50%;
  border-radius: 2px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .submit-plan-info-button, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .submit-plan-info-button {
  display: flex;
  justify-content: center;
  background: #557b92;
  border-radius: 100px;
  height: 48px;
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .submit-plan-info-button.d-none, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .submit-plan-info-button.d-none {
  display: none !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .submit-plan-info .submit-plan-info-button.disabled, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .submit-plan-info .submit-plan-info-button.disabled {
  background-color: gray;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .submit-plan-info .submit-plan-loading-button, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .submit-plan-info .submit-plan-loading-button {
  background-color: #557b92 !important;
  border-radius: 100px !important;
  padding: 4px 40px 4px 40px !important;
  font-size: 32px !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .submit-plan-info .submit-plan-loading-button.d-none, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .submit-plan-info .submit-plan-loading-button.d-none {
  display: none;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title p, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title p, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title span {
  text-align: center;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header {
  font-family: minerva-modern, sans-serif;
  height: auto !important;
  font-family: "minerva-modern", sans-serif;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .close-ins {
  display: flex;
  justify-content: end;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .main-message {
  font-family: "sofia-pro" !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important; /* 171.429% */
  letter-spacing: 0.5px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body {
  flex-grow: 1;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message {
  height: 100%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px !important;
  text-align: center;
  letter-spacing: 0.5px;
  margin: 0 !important;
  height: 100%;
  justify-content: center;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper {
    gap: 16px !important;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper img {
  height: 64px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper img {
    height: 32px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper .loader-message-description-3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper .loader-message-description-3 {
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper .loader-message-description-3 span.countdown {
  color: #557b92;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper .loader-message-description-2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px !important;
  font-family: "sofia-pro" !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message-description-wrapper .loader-message-description-2 {
    font-size: 14px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header {
  font-family: minerva-modern, sans-serif;
  height: auto !important;
  font-family: "minerva-modern", sans-serif;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .close-ins {
  display: flex;
  justify-content: end;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body {
  flex-grow: 1;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  letter-spacing: 0.5px;
  margin: 0 !important;
  height: 100%;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper {
    gap: 0;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .img-try-again-wrapper {
  width: 64px;
  height: 64px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .img-try-again-wrapper img {
  height: 64px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .loader-message-description-3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 32px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .loader-message-description-3 {
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .loader-message-description-3 span.countdown {
  color: #557b92;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .loader-message-description-2 {
  font-size: 16px;
  font-weight: 400;
  margin: 24px 0;
  line-height: 24px !important;
  font-family: "sofia-pro" !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .try-again-button {
  padding: 8px 32px 8px 32px;
  border-radius: 100px;
  text-transform: uppercase;
  width: auto;
  background-color: #557b92;
  align-self: center;
  color: #FFFFFF;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 24px;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message-description-wrapper .try-again-button {
    font-size: 16px;
  }
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer {
    margin-top: 0;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .main-message {
  font-family: "sofia-pro" !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important; /* 171.429% */
  letter-spacing: 0.5px;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .main-message {
    margin-top: 0;
    letter-spacing: 0;
    font-size: 16px;
    line-height: 20px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title label {
  width: 80%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 {
  display: flex;
  flex-direction: column;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header p.remaining-attempts {
  font-family: "sofia-pro" !important;
  margin-top: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .main-header {
  display: flex;
  gap: 8px;
  align-items: end;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .main-header .alert-icon {
    transform: scale(0.8);
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body {
  padding-top: 20px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .insurance-prov-container {
  margin-bottom: 16px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-member-container {
  width: 100%;
  margin-bottom: 8px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-member-container label {
  margin-bottom: 8px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title {
  align-items: center;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title label {
  height: 40px;
  display: flex;
  align-items: center;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message p {
  text-align: left;
  margin: 0 !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .sub-header-nav img, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .sub-header-nav img, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .sub-header-nav img, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .sub-header-nav img, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .sub-header-nav img {
  float: right;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body {
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-title {
  display: flex;
  align-items: center;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-title span {
  width: 80%;
  font-size: 32px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-title label {
  font-size: 32px;
  text-align: left;
  margin: 0 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-title label {
    text-align: center;
    font-size: 20px;
    line-height: 24px !important;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title span, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-title span {
  font-family: "minerva-modern", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message label {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-style: normal;
  font-size: 14px;
  color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message p {
  line-height: 20px !important;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message label, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message label {
  font-weight: bold;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .insurance-input-container label, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .insurance-input-container label, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .insurance-input-container label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .insurance-input-container label, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .insurance-input-container label {
  font-weight: normal;
  color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-description-wrapper {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 415px), only screen and (max-width: 750px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-description-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-description-wrapper {
    margin: 0;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-description, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-description, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-description, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-description, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-description {
  margin: 0;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-description-2, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-description-2, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-description-2, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-description-2, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-description-2 {
  margin-top: 0;
  margin-bottom: 10px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .check-again a, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .check-again a, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .check-again a, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .check-again a, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .check-again a {
  min-width: 230px;
  height: 34px;
  color: #ffffff;
  background: #557b92;
  font-family: "sofia-pro";
  padding: 5px;
  border-radius: 20px;
  font-weight: unset;
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: unset;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .check-again .hide, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .check-again .hide, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .check-again .hide, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .check-again .hide, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .check-again .hide {
  display: none;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer {
  margin: 0;
  display: grid;
  padding: 20px 35px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer {
    padding: 0 16px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .main-message, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .main-message, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .main-message, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .main-message, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .main-message {
  text-align: left;
  font-family: "minerva-modern", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #222222;
  margin-top: 20px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section {
  max-width: 639px;
  border: 1px solid #D8D8D8;
  min-height: 125px;
  border-radius: 4px;
}
@media only screen and (max-width: 415px), only screen and (max-width: 750px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section {
    height: 195px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .rigth, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .rigth, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .rigth, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .rigth, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .rigth {
  width: 100%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left {
  height: 60%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0px 20px;
}
@media only screen and (max-width: 415px), only screen and (max-width: 750px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left {
    padding-top: 29px;
    padding: 23px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left img, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left img, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left img, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left img, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left img {
  width: 100%;
  height: 100%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left > div {
  padding: 20px 0px;
}
@media only screen and (max-width: 415px), only screen and (max-width: 750px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left > div, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left > div {
    padding: 0;
    padding-bottom: 26px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .phone-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .phone-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .phone-info-container {
  display: flex;
  margin-right: 5px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container .phone-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container .phone-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .phone-info-container .phone-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .phone-info-container .phone-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .phone-info-container .phone-info-icon {
  display: flex;
  height: 16px;
  width: 16px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container .phone-info-content, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container .phone-info-content, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .phone-info-container .phone-info-content, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .phone-info-container .phone-info-content, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .phone-info-container .phone-info-content {
  display: flex;
  margin-left: 4px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-title {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #222222;
  white-space: nowrap;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-value, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-value, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-value, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-value, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-value {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #557b92;
  margin-left: 8px;
  white-space: nowrap;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .chat-info-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-right: 5px;
}
@media only screen and (max-width: 415px), only screen and (max-width: 750px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .chat-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .chat-info-container {
    justify-content: flex-start;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .chat-info-container .chat-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .chat-info-container .chat-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .chat-info-container .chat-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .chat-info-container .chat-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .chat-info-container .chat-info-icon {
  display: flex;
  height: 16px;
  width: 16px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .chat-info-container .chat-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .chat-info-container .chat-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .chat-info-container .chat-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .chat-info-container .chat-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .chat-info-container .chat-info-title {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #557b92;
  margin-left: 4px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .faq-info-container {
  display: flex;
  justify-content: center;
  margin-right: 5px;
}
@media only screen and (max-width: 415px), only screen and (max-width: 750px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .faq-info-container, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .faq-info-container {
    justify-content: flex-start;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .faq-info-container .faq-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .faq-info-container .faq-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .faq-info-container .faq-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .faq-info-container .faq-info-icon, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .faq-info-container .faq-info-icon {
  display: flex;
  height: 16px;
  width: 16px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .faq-info-container .faq-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .faq-info-container .faq-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .faq-info-container .faq-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .faq-info-container .faq-info-title, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .faq-info-container .faq-info-title {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #222222;
  margin-left: 4px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .faq-info-container .faq-info-link, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .faq-info-container .faq-info-link, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .left .faq-info-container .faq-info-link, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .left .faq-info-container .faq-info-link, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .left .faq-info-container .faq-info-link {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #557b92;
  margin-left: 4px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .right, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .right, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .right, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .right, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .right {
  height: 40%;
  text-align: left;
  padding: 0px 20px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  font-family: "sofia-pro";
  color: #222222;
  width: 100%;
}
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .right a, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .right a, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .split-section .right a, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .split-section .right a, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .split-section .right a {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #557b92;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title {
    flex-direction: column;
  }
  .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title label, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title label {
    margin: 0 auto;
    max-width: 15ch;
    text-align: center;
  }
  .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message p, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message p {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 {
  display: flex;
  flex-direction: column;
  content-visibility: auto;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .in-network-text {
  color: #222;
  font-family: "sofia-pro";
  font-size: 14px;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.5px;
  margin: 16px 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .in-network-text {
    font-size: 12px;
    line-height: 16px;
  }
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .in-network-text span {
    display: block;
    font-size: 14px;
    line-height: 24px; /* 171.429% */
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header {
  font-family: "sofia-pro", sans-serif;
  padding: 16px 32px 16px 32px;
  box-shadow: 0px 1.4727271795px 5.8909087181px 0px rgba(96, 97, 112, 0.1607843137), 0px 0px 2.9454543591px 0px rgba(40, 41, 61, 0.0784313725);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header {
    padding: 8px 16px 8px 16px;
    height: auto;
    box-shadow: 0px 5.8909087181px 11.7818174362px 0px rgba(96, 97, 112, 0.1607843137), 0px 0px 2.9454543591px 0px rgba(40, 41, 61, 0.0392156863);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #ffffff;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .sub-header-nav, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .sub-header-nav, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .sub-header-nav, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .sub-header-nav, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .sub-header-nav, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .sub-header-nav {
  width: 100%;
  height: 16px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .sub-header-nav a, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .sub-header-nav a, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .sub-header-nav a, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .sub-header-nav a, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .sub-header-nav a, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .sub-header-nav a {
  float: right;
  display: flex;
  cursor: pointer;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .main-header {
  color: #222222;
  font-family: "minerva-modern", sans-serif;
  font-weight: normal;
  font-size: 32px;
  line-height: 40px;
  color: #222222;
  margin-top: 4px;
  align-items: center;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .main-header, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .main-header {
    font-size: 20px;
    line-height: 24px;
    margin-top: 0;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .insurance-subtext-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .insurance-subtext-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .insurance-subtext-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .insurance-subtext-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .insurance-subtext-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .insurance-subtext-wrapper {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  margin-top: 4px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .insurance-subtext-wrapper .text-bold {
  font-weight: 700;
  display: block;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-header .insurance-subtext-wrapper .text-bold, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header .insurance-subtext-wrapper .text-bold {
    display: inline;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body {
  margin: 16px 32px 0px 32px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body {
    margin: 16px 16px 0px 16px !important;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .loader-message .loader-message-title svg, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-body .loader-message .loader-message-title svg, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .loader-message .loader-message-title svg, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-body .loader-message .loader-message-title svg, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-body .loader-message .loader-message-title svg, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body .loader-message .loader-message-title svg {
  max-height: 44px;
  max-width: 44px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer {
  margin: 16px 32px !important;
  padding: 0 !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer {
    margin: 16px !important;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info {
  text-align: left;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title {
  font-family: "sofia-pro", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  color: #222222;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-title {
    line-height: 20px;
    font-size: 14px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc {
  margin-top: 8px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: black;
  text-decoration: underline;
  font-weight: 600;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-link {
    font-size: 12px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #222222;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_info .sidenav-footer_info-desc .sidenav-footer_info-desc-text {
    font-size: 12px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_sub-info {
  border-top: 1px solid #D8D8D8;
  margin-top: 8px;
  text-align: left;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_sub-info, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_sub-info {
    margin-top: 16px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer .sidenav-footer_sub-info .sidenav-footer_sub-info-text, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer .sidenav-footer_sub-info .sidenav-footer_sub-info-text, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .sidenav-footer_sub-info .sidenav-footer_sub-info-text, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer .sidenav-footer_sub-info .sidenav-footer_sub-info-text, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .sidenav-footer_sub-info .sidenav-footer_sub-info-text, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer .sidenav-footer_sub-info .sidenav-footer_sub-info-text {
  font-family: "sofia-pro";
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #767676;
  margin-top: 8px;
  display: block;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help {
  margin-top: 16px;
  background-color: #F6F6F6;
  height: 48px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  font-size: 12px;
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 32px;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help {
    display: flex;
    padding: 8px 16px 8px 16px;
    flex-direction: column;
    align-items: start;
    gap: 16px;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section.faq-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section.faq-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section.faq-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section.faq-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section.faq-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section.faq-wrapper {
    font-family: "DM Sans", "sofia-pro", sans-serif;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .mr-1, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .mr-1, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .mr-1, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .mr-1, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .mr-1, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .mr-1 {
  margin-right: 8px;
  height: 16px;
  width: 16px;
  color: #222222;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .mr-1.faq-img, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .mr-1.faq-img, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .mr-1.faq-img, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .mr-1.faq-img, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .mr-1.faq-img, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .mr-1.faq-img {
    margin-right: 7px;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section a {
  color: #222222;
  font-weight: 700;
  letter-spacing: 0.16px;
  line-height: 16px;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section a, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section a {
    letter-spacing: normal;
  }
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section a.faq-a-link, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section a.faq-a-link, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section a.faq-a-link, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section a.faq-a-link, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section a.faq-a-link, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section a.faq-a-link {
    letter-spacing: 0.16px;
    font-family: "DM Sans", "sofia-pro", sans-serif;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .box-section-common, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .box-section-common, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .box-section-common, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .box-section-common, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .box-section-common, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .box-section-common {
  margin-right: 4px;
  font-weight: 400;
  letter-spacing: 0.16px;
  line-height: 16px;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .box-section-common.give-us-call ~ a, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .box-section-common.give-us-call ~ a, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .box-section-common.give-us-call ~ a, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .box-section-common.give-us-call ~ a, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .box-section-common.give-us-call ~ a, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .box-section-common.give-us-call ~ a {
    letter-spacing: normal;
  }
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .box-section-common.give-us-call, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .box-section-common.give-us-call, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .box-section-common.give-us-call, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .box-section-common.give-us-call, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .box-section-common.give-us-call, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .box-section-common.give-us-call {
    letter-spacing: normal;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .chat-img-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .chat-img-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .chat-img-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .chat-img-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .chat-img-wrapper, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .chat-img-wrapper {
  width: 16px;
  height: 16px;
  color: #222222;
  margin-right: 8px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .chat-img-wrapper .chat-img, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .chat-img-wrapper .chat-img, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .chat-img-wrapper .chat-img, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .chat-img-wrapper .chat-img, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .chat-img-wrapper .chat-img, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .chat-img-wrapper .chat-img {
  width: 16px;
  height: 13.3px;
  position: relative;
  top: 1.33px;
  color: #222222;
}
.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-footer #need-help .box-section .chat-with-us-text, .insurance-container.sidebarjs--is-visible .insurance-step-2 .sidenav-footer #need-help .box-section .chat-with-us-text, .insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-footer #need-help .box-section .chat-with-us-text, .insurance-container.sidebarjs--is-visible .insurance-step-4 .sidenav-footer #need-help .box-section .chat-with-us-text, .insurance-container.sidebarjs--is-visible .insurance-step-5 .sidenav-footer #need-help .box-section .chat-with-us-text, .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-footer #need-help .box-section .chat-with-us-text {
  cursor: pointer;
  text-decoration: underline;
}
.insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header {
  padding: 16px 32px 24px 32px;
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-header {
    padding: 8px 16px 16px 16px;
  }
}
@media screen and (max-width: 500px) {
  .insurance-container.sidebarjs--is-visible .insurance-step-6 .sidenav-body {
    margin: 38px 8px 38px 8px !important;
  }
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .alert-icon, .insurance-container.sidebarjs--is-visible .insurance-step-6 .alert-icon {
  width: auto;
  margin-bottom: 18px;
}
.insurance-container.sidebarjs--is-visible .insurance-step-5 .alert-icon img, .insurance-container.sidebarjs--is-visible .insurance-step-6 .alert-icon img {
  width: 44px;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .loader-message .loader-message-title {
  text-align: left;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .sidenav-body .loader-message .loader-message-title label {
    font-size: 32px;
    line-height: 1.3;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .sidenav-body .loader-message .loader-message-title {
    margin-bottom: 16px;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }
}

.insurance-step-4 .sidenav-header .main-header {
  display: flex;
  gap: 8px;
  align-items: end;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-header .main-header .success-icon {
    transform: scale(0.8);
  }
}
.insurance-step-4 .sidenav-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  margin: 48px 40px 0px 40px;
  padding: 0 !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body {
    margin: 16px !important;
  }
}
.insurance-step-4 .sidenav-body .loader-message .loader-message-title {
  justify-content: left;
}
.insurance-step-4 .sidenav-body .loader-message .loader-message-title label {
  text-align: left;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .loader-message .loader-message-title {
    flex-direction: column;
    align-items: center;
  }
  .insurance-step-4 .sidenav-body .loader-message .loader-message-title label {
    text-align: center;
  }
}
.insurance-step-4 .sidenav-body .loader-message p {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.insurance-step-4 .sidenav-body .eligibility-list {
  border: 1px solid #b0b0b0;
  width: 100%;
  border-radius: 4px;
  padding: 32px 40px;
  font-family: "sofia-pro";
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list {
    padding: 32px 16px !important;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item:last-child {
  border-bottom: none;
  padding-bottom: 0px !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item:first-child {
  padding-top: 0px !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item {
  padding: 24px 0px;
  margin: 0 auto;
  border-bottom: 1px solid #b0b0b0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.frames .benefit-key {
  width: 100% !important;
  justify-content: space-between;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-key {
  align-items: start !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div:first-child {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item div:first-child {
    gap: 4px;
    align-items: center;
  }
}
@media only screen and (min-width: 769px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item.mobile {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item.desktop {
    display: none;
  }
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item.mobile .eye-exam-lable-container {
    margin-left: unset;
  }
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item.mobile .svg-label {
    display: flex;
  }
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item.mobile .eye-exam-item-href {
    padding-left: unset;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-img {
  max-height: 32px;
  max-width: 32px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-img {
    transform: scale(0.5);
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div.eye-exam-item-href {
  padding-left: 100px;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div.eye-exam-item-href a {
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #557b92;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div:nth-child(2) {
  width: 250px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item div:nth-child(2) {
    width: 175px;
  }
}
@media (max-width: 385px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item div:nth-child(2) {
    width: 140px;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div label {
  font-family: "sofia-pro";
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin: 0;
  white-space: nowrap;
  float: left;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item div label {
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: break-spaces !important;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div p {
  font-family: "sofia-pro";
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.16px;
  position: relative;
  flex-direction: row;
  align-items: center;
  margin: 0;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div p.benefit-availability:before {
  content: "";
  display: block;
  background-size: 15px;
  width: 15px;
  height: 14px;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div p.benefit-availability {
  display: flex;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div img {
  width: 32px;
  overflow: hidden;
  vertical-align: middle;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400 !important;
  color: #222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info {
    font-size: 12px;
    line-height: 16px;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info a {
  font-size: 12px;
  line-height: 16px;
  color: #222 !important;
  font-weight: 700;
  text-decoration: underline;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info img {
  width: 12px;
  height: 12px;
  background: none !important;
  background-size: unset !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .benefits-tooltip-container {
  position: relative;
  display: inline-block;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .benefits-tooltip-container .benefits-info-icon {
  font-size: 24px;
  cursor: pointer;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .benefits-tooltip-container .benefit-arrow {
  visibility: hidden;
  position: absolute;
  bottom: -8px;
  z-index: 100;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .benefits-tooltip-container .benefits-tooltip {
  visibility: hidden;
  color: #FFFFFF;
  background-color: #557b92;
  padding: 8px 8px 8px 16px;
  position: absolute;
  z-index: 1;
  bottom: -83px;
  left: 25%;
  transform: translateX(-50%);
  width: 274px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-size: 12px;
  line-height: 16px;
  box-shadow: 0px 0px 7px -3px #000000;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .benefits-tooltip-container .benefits-tooltip .close-tooltip {
  cursor: pointer;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .insurance-tooltip {
  position: relative;
  display: inline-block;
  opacity: 1 !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .insurance-tooltiptext {
  background-color: #ffffff;
  color: #000000;
  box-shadow: 0px 5.8909087181px 11.7818174362px 0px rgba(96, 97, 112, 0.1607843137);
  padding: 16px;
  border-radius: 16px;
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s;
  font-size: 12px;
  line-height: 16px;
  width: 300px;
  right: -40px;
  bottom: 21px;
  display: flex;
  gap: 10px;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .insurance-tooltiptext.closed {
  display: none !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .benefit-info-close {
  cursor: pointer;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item div .benefit-info .benefit-info-triangle {
  position: absolute;
  top: 153.25px;
  left: 517.61px;
  rotation: 179.64�;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo {
  width: 100% !important;
  padding: 16px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  line-height: 16.8px !important;
  background-color: #E7EEF0;
  display: flex;
  flex-direction: column;
  gap: 16px !important;
  margin-top: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo {
    margin-top: 8px;
    padding: 8px 16px !important;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .main-promo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p {
  width: 100%;
  margin: 0;
  color: #222222 !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p.promo-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p.promo-title {
    font-size: 12px;
    line-height: 16px;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p.promo-percentage {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  font-weight: 400;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p.promo-percentage {
    font-size: 12px;
    line-height: 16px;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p.having-issues {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1599999964px;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p.having-issues .help-opened {
  display: none;
  cursor: pointer;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo p.having-issues .help-closed {
  display: inline;
  cursor: pointer;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes {
  display: none;
  gap: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes {
    flex-direction: column;
  }
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box {
  background-color: #fff;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.1599999964px;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  gap: 4px !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box p:first-child {
  padding-left: 16px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.1599999964px;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box .promo-copy {
  display: flex;
  position: relative;
  width: 100%;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box .promo-copy input {
  border: none;
  border-radius: 100px;
  background-color: #F6F6F6;
  height: 32px;
  padding: 4px 32px 4px 16px;
  font-size: 14px;
  line-height: 16px;
  color: #767676;
  width: 100%;
  outline: none;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box .promo-copy button {
  position: absolute;
  right: 0;
  background-color: #557b92;
  height: 32px;
  border-radius: 24px;
  width: 40px;
  cursor: pointer;
  border: none;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box .promo-copy button img {
  margin: 0 !important;
  width: unset !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box .promo-copy .copy-button:hover {
  background-color: #54565A;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item .benefit-promo .promo-codes .promo-box .promo-copy button:hover {
  background-color: #54565A !important;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.contacts img {
  background: url("../../../images/sprites/ria-benefit-sprite.png") 0px 35px;
  background-size: 100%;
  /* text-align: right; */
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.lenses img {
  background: url("../../../images/sprites/ria-benefit-sprite.png") 0px -50px;
  background-size: 100%;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.frames img {
  background: url("../../../images/sprites/ria-benefit-sprite.png") 0px 0px;
  background-size: 100%;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.unavailable .benefit-availability {
  color: #8C8C8C;
  font-weight: 700;
  position: relative;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item:not(.unavailable) .benefit-availability {
  color: #247534;
  font-weight: 700;
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.unavailable p.benefit-availability:before {
  background-image: url(../../images/cancel-ico-2.svg);
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item:not(.unavailable) p.benefit-availability:before {
  background-image: url(../../images/confirm-check.svg);
}
.insurance-step-4 .sidenav-body .eligibility-list .eligible-item.unavailable.eye-exam .schedule-eye-exam {
  font-size: 12px;
}
.insurance-step-4 .sidenav-cta-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.insurance-step-4 .sidenav-cta-container div {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-step-4 .sidenav-cta-container div {
    flex-direction: column;
  }
}
.insurance-step-4 .sidenav-cta-container .sidenav-cta {
  background: #557b92;
  height: 40px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 24px !important;
  border-radius: 100px !important;
  text-decoration: none;
  text-align: center;
}
.insurance-step-4 .sidenav-cta-container .sidenav-cta:hover, .insurance-step-4 .sidenav-cta-container .sidenav-cta:focus {
  background-color: #192c50 !important;
  border-color: #192c50;
  color: white;
}
.insurance-step-4 .sidenav-cta-container .remove-ins {
  text-align: center;
  margin-top: 16px;
  font-weight: 700;
  font-family: "sofia-pro", sans-serif;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #557b92;
  text-decoration: underline;
}
.insurance-step-4 .sidenav-cta-container .remove-ins.button {
  color: white;
  text-decoration: none;
}

@media only screen and (max-width: 769px) {
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible div:first-child .insurance-step-1 .sidenav-body .plan-info form .login-data {
    display: block;
  }
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible div:first-child .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-zip-container {
    display: block;
    margin-top: 0;
  }
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible div:first-child .insurance-step-1 .sidenav-body .plan-info form .login-data input, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible div:first-child .insurance-step-1 .sidenav-body .plan-info form .login-data .zipcode-input, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible div:first-child .insurance-step-1 .sidenav-body .plan-info form .login-data .dob-input {
    width: 100% !important;
  }
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-body .check-again a:nth-child(2), .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-body .check-again a:nth-child(2) {
    margin-top: 10px;
  }
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left {
    display: grid;
    grid-template-columns: 1fr;
  }
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container {
    justify-content: center;
  }
}
@media only screen and (max-width: 769px) and (max-width: 415px), only screen and (max-width: 769px) and (max-width: 750px) {
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 769px) {
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-title, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-value, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-title, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .left .phone-info-container .phone-info-content .phone-info-value {
    white-space: unset;
  }
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .right, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .right {
    margin-top: 30px;
    min-height: 50px;
    text-align: center;
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 769px) and (max-width: 415px), only screen and (max-width: 769px) and (max-width: 750px) {
  .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-3 .sidenav-footer .split-section .right, .insurance-container.ng-isolate-scope.sidebarjs--right.sidebarjs--is-visible .insurance-step-5 .sidenav-footer .split-section .right {
    margin-top: 23px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: left;
    height: auto;
  }
}
.plan-info .accordion {
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}

.plan-info .accordion:after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 16px;
  height: 9px;
  top: 40%;
  background-image: url("../../images/icons/arrow-down.svg");
  border: initial;
  margin-left: 6px;
}

.plan-info .accordion.active:after {
  transform: rotate(180deg);
}

.sidenav-body .plan-info form .dob-input.valid:before,
.sidenav-body .plan-info form .dob-input.invalid:before {
  right: 45px;
}

.sidenav-body .plan-info form .dob-input.invalid:before {
  top: 15.5px;
}

._720kb-datepicker-calendar-day:not(._720kb-datepicker-disabled):hover::after, ._720kb-datepicker-calendar-day._720kb-datepicker-active::after {
  top: -2px;
}

.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input {
  position: relative;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input {
    max-width: 100%;
  }
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input input {
  width: 100%;
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input a.calendar-btn {
  position: absolute;
  right: 16px;
  top: 0;
  display: flex;
  height: 48px;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input a.calendar-btn {
    justify-content: flex-end;
    width: 25px;
  }
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text {
  margin: 0;
  width: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  color: #222222;
  line-height: 48px;
  height: 48px;
  border-radius: 4px !important;
  border: 1px solid #d8d8d8 !important;
  letter-spacing: 0.5px;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-invalid ~ span.valid-field {
  display: none;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-invalid.ng-untouched ~ span.error-field {
  display: none;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-invalid:not(.ng-untouched) ~ span.error-field {
  display: block;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-valid ~ .error-field {
  display: none;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-valid ~ .valid-field {
  display: block;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-invalid.ng-touched {
  border: solid 1px #e32118 !important;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text:focus {
  outline: #557b92;
  border: 2px solid #557b92 !important;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text:focus::placeholder {
  color: transparent;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-invalid:not(.ng-empty) ~ label, .insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-valid ~ label, .insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text:focus ~ label {
  display: block;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input span.error-field,
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input span.valid-field {
  position: relative;
  left: 16px;
  top: 2px;
  width: 100%;
  display: inline-block;
  color: #e32118;
  font-family: "sofia-pro", sans-serif  !important;
  font-weight: normal  !important;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.16px;
  margin: 0;
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input span.error-field svg,
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input span.valid-field svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -37px;
  right: 62px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input span.error-field svg,
  .insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input span.valid-field svg {
    top: -52px;
  }
}
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input ._720kb-datepicker-calendar-header ._720kb-datepicker-calendar-header-right a {
  display: block;
}

.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data:not(.add-member) .dob-input div,
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data:not(.add-member) .dob-input div {
  margin: 0 auto;
}

.insurance-container.sidebarjs--is-visible .insurance-step-1 .sidenav-body .plan-info form .login-data:not(.add-member) .dob-input div._720kb-datepicker-calendar,
.insurance-container.sidebarjs--is-visible .insurance-step-3 .sidenav-body .plan-info form .login-data:not(.add-member) .dob-input div._720kb-datepicker-calendar {
  margin-top: 20px;
}

.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-invalid:not(.ng-empty) ~ label,
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text.ng-valid ~ label,
.insurance-container.sidebarjs--is-visible .sidenav-body .plan-info form .login-data .dob-input .lc-input-text:focus ~ label {
  top: -0.5rem;
  font-size: 12px;
  left: 12px;
  color: #222222;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body, * {
  box-sizing: border-box;
}

h1, h2, h3, p {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
}

#InsuranceStepsDiv {
  overflow: hidden !important;
}

.sidebarjs--right img {
  display: none;
}
.sidebarjs--right.sidebarjs--is-visible img {
  display: inline;
}

.lc-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.3px;
  padding: 10px;
}

.lc-control-group {
  display: flex;
  flex-direction: column;
  vertical-align: top;
  background: #fff;
  text-align: left;
  padding: 30px;
  height: 310px;
  margin: 10px;
}
@media (max-width: 430px) {
  .lc-control-group {
    width: 100%;
  }
}

.lc-control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}
.lc-control:hover input:not([disabled]) ~ .lc-control__indicator {
  border-color: #666;
}
.lc-control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.lc-control input:focus ~ .lc-control__indicator {
  border-color: #666;
}
.lc-control input:checked ~ .lc-control__indicator {
  background: #fff;
}
.lc-control input:checked ~ .lc-control__indicator:after {
  display: block;
}
.lc-control input:disabled ~ .lc-control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.lc-control .lc-control__indicator {
  position: absolute;
  top: 0px;
  left: 0;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 1px solid #ccc;
}
.lc-control .lc-control__indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.lc-control #certifyage {
  top: 2px;
  z-index: 5;
  cursor: pointer;
  margin: 0;
  height: 16px;
  width: 16px;
}
.lc-control #certifyage + .lc-control__indicator {
  top: 2px;
  z-index: 1;
}
.lc-control.lc-control--checkbox .lc-control__indicator {
  border-radius: 3px;
}
.lc-control.lc-control--checkbox .lc-control__indicator:after {
  left: 5px;
  top: 0px;
  width: 5px;
  height: 12px;
  border: solid #326fa8;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.lc-control.lc-control--checkbox .lc-control__indicator input:disabled ~ .lc-control__indicator:after {
  border-color: #7b7b7b;
}
.lc-control.lc-control--radio .lc-control__indicator {
  border-radius: 50%;
}
.lc-control.lc-control--radio .lc-control__indicator:after {
  left: 4px;
  top: 4px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #326fa8;
}

/** Select **/
.lc-select {
  position: relative;
  display: inline-block;
  width: 100%;
}
.lc-select .lc-select-label {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  width: 100%;
  margin-bottom: 0px;
}
.lc-select .lc-select-label select {
  margin-top: 4px;
}
.lc-select .lc-select-label .select__arrow {
  position: absolute;
  top: 30px;
  right: 8px;
  width: 24px;
  height: 15px;
  pointer-events: none;
  background-image: url(../images/arrow-down-ico.png);
}
.lc-select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 5px 6px;
  outline: 0;
  border: solid 0.6px #979797 !important;
  border-radius: 0;
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.3px;
  height: 35px;
  background-color: #fff;
  color: #333333;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.lc-select select::-ms-expand {
  display: none;
}
.lc-select select:focus {
  color: #333333;
  background: #f2f2f2;
}
.lc-select select:focus ~ .select__arrow {
  border-top-color: #333333;
}
.lc-select select:hover {
  color: #333333;
  background: #f2f2f2;
}
.lc-select select:hover ~ .select__arrow {
  border-top-color: #333333;
}
.lc-select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.lc-select select:disabled ~ .select__arrow {
  border-top-color: #f2f2f2;
}
.lc-select .select__arrow {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 15px;
  pointer-events: none;
  background-image: url(../images/arrow-down-ico.png);
}

/** Buttons **/
.lc-button {
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  letter-spacing: normal;
  padding: 12px 30px;
}
.lc-button:hover {
  text-decoration: underline;
  color: #ffffff;
}
.lc-button.white-button {
  border: solid 1px #333333;
  color: #333333;
  background-color: #ffffff;
}
.lc-button.red-button {
  border: solid 1px #cf0a2c;
  background-color: #cf0a2c;
  color: #ffffff;
}
.lc-button.blue-button {
  height: 40px;
  background-color: #326fa8;
  color: #ffffff;
}

.lc-action-button {
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  color: #333333;
  cursor: pointer;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  letter-spacing: normal;
}
.lc-action-button.back-button:hover {
  color: #333333;
}
.lc-action-button.back-button:before {
  content: "";
  width: 7.5px;
  height: 7.5px;
  margin-right: 5px;
  border-top: solid 1.2px #333333;
  border-left: solid 1.2px #333333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  float: left;
  display: block;
  top: 2.5px;
  position: relative;
}

/** Links **/
.lc-link {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.26px;
  color: #326fa8;
  text-decoration: none;
}
.lc-link.question-answer-link:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  border: solid 0.6px #326fa8;
  border-radius: 50%;
  margin-right: 5px;
  text-align: center;
  content: "?";
}
.lc-link.alert-link::after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  border: solid 0.6px #326fa8;
  border-radius: 50%;
  margin-right: 5px;
  text-align: center;
  content: "!";
}
.lc-link:hover {
  text-decoration: underline;
}

/** Actions confirmation **/
.lc-action-feedback {
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.51px;
  display: flex;
  align-items: baseline;
}
.lc-action-feedback.green {
  color: #2c7d50;
}
.lc-action-feedback.red {
  color: #cf0a2c;
}
.lc-action-feedback img {
  margin-right: 15px;
}
.lc-action-feedback img.global-tick-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.lc-action-feedback img.global-red-x {
  width: 15px;
  height: 15px;
  object-fit: contain;
}

/** Modals **/
.lc-modal-container {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-weight: 300;
  position: fixed;
  display: flex;
  top: 0px;
  left: 0;
  width: 100%;
  height: calc(100% + 20px);
  z-index: 2;
}
@media (max-width: 430px) {
  .lc-modal-container .lc-modal {
    width: 100%;
    height: 100%;
  }
}
.lc-modal-container .lc-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  box-orient: vertical;
  box-direction: normal;
  flex-flow: column nowrap;
  overflow: hidden;
  min-width: 300px;
  min-height: 300px;
  padding: 20px;
  background-color: white;
  border-radius: 8px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 31;
  animation-name: animatetop;
  animation-duration: 0.2s;
  filter: blur(0);
}
.lc-modal-container .lc-modal .lc-modal-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.lc-modal-container .lc-modal .lc-modal-header h1 {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0.63px;
  color: #333333;
}
.lc-modal-container .lc-modal .lc-modal-header .close-icon {
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 19' fill='none' id='close'%3E%3Cpath d='M17.6308 2.72341L17.896 2.45824L17.6308 2.19308L17.1726 1.73483L16.9074 1.46967L16.6422 1.73483L9.68282 8.69425L2.72341 1.73483L2.45824 1.46967L2.19308 1.73483L1.73483 2.19308L1.46967 2.45824L1.73483 2.72341L8.69425 9.68282L1.73483 16.6422L1.46967 16.9074L1.73483 17.1726L2.19308 17.6308L2.45824 17.896L2.72341 17.6308L9.68282 10.6714L16.6422 17.6308L16.9074 17.896L17.1726 17.6308L17.6308 17.1726L17.896 16.9074L17.6308 16.6422L10.6714 9.68282L17.6308 2.72341Z' fill='%23222222' stroke='%23222222' stroke-width='0.75'%3E%3C/path%3E%3C/svg%3E");
  background-size: 100%;
  text-indent: -9999px;
}
.lc-modal-container .lc-modal .lc-modal-footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.lc-modal-container .lc-modal .lc-modal-footer * {
  vertical-align: middle;
}
.lc-modal-container .lc-modal-overlay {
  position: fixed;
  background-color: rgba(51, 51, 51, 0.6);
  width: 100%;
  top: 0;
  height: calc(100% + 40px);
  z-index: 30;
}

/* Add Animation */
@keyframes animatetop {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/** Text inputs **/
.lc-input {
  height: 41px;
  border: solid 0.6px #979797 !important;
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-radius: unset !important;
}
.lc-input.small {
  width: 100px;
}
.lc-input.medium {
  width: 175px;
}
.lc-input.large {
  width: 250px;
}
.lc-input::placeholder {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
}
.lc-input.lc-input-text {
  padding: 15px;
}

.lc-input-label {
  display: flex;
  flex-direction: column;
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333333;
  font-weight: 100;
  margin-bottom: 0px;
}
.lc-input-label .lc-input {
  margin-top: 4px;
}

/** Loaders **/
.loader_ico {
  width: 45px;
  height: 45px;
  object-fit: contain;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/** Tables  (needs bootstrap)**/
.table {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.table thead {
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  font-size: 14px;
  position: sticky;
  top: 0;
}
.table thead tr {
  border: none;
}
.table thead tr th {
  border: none;
  font-weight: normal !important;
  vertical-align: middle;
}
.table tbody tr td, .table tbody tr th {
  vertical-align: middle;
}

/* tabled responsive - use col number to set width */
.lc-table {
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  width: 600px;
  height: 200px;
}
@media (max-width: 430px) {
  .lc-table {
    width: 100%;
  }
}
.lc-table.striped .lc-table-tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.lc-table.lc-col-2 .lc-table-thead .lc-table-th, .lc-table.lc-col-2 .lc-table-tr .lc-table-td {
  width: 50%;
}
.lc-table.lc-col-3 .lc-table-thead .lc-table-th, .lc-table.lc-col-3 .lc-table-tr .lc-table-td {
  width: 33%;
}
.lc-table.lc-col-4 .lc-table-thead .lc-table-th, .lc-table.lc-col-4 .lc-table-tr .lc-table-td {
  width: 25%;
}
.lc-table .lc-table-thead {
  width: 100%;
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 36px;
  background-color: #333333;
  color: white;
}
@media (max-width: 430px) {
  .lc-table .lc-table-thead {
    display: none;
  }
}
.lc-table .lc-table-thead .lc-table-th {
  padding: 10px 18px;
  text-transform: uppercase;
  vertical-align: center;
}
.lc-table .lc-table-tbody {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.lc-table .lc-table-tbody.orderTracker {
  overflow-y: none;
}
.lc-table .lc-table-tbody .lc-table-tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
@media (max-width: 430px) {
  .lc-table .lc-table-tbody .lc-table-tr {
    flex-direction: column;
  }
}
.lc-table .lc-table-tbody .lc-table-tr .lc-table-td {
  padding: 10px 18px;
  vertical-align: center;
}
.lc-table .lc-table-tbody .lc-table-tr .lc-table-td label {
  display: none;
}
@media (max-width: 430px) {
  .lc-table .lc-table-tbody .lc-table-tr .lc-table-td {
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .lc-table .lc-table-tbody .lc-table-tr .lc-table-td label {
    display: flex;
    font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    text-transform: uppercase;
    width: 40%;
    margin-right: 10px;
  }
  .lc-table .lc-table-tbody .lc-table-tr .lc-table-td div {
    width: 60%;
  }
  .lc-table .lc-table-tbody .lc-table-tr .lc-table-td a {
    width: 100%;
  }
}
@media (min-width: 0) and (max-width: 576px) {
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr {
    align-items: flex-start;
  }
}
.lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td {
  padding: 12px 16px;
}
.lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td.order-status {
  width: auto;
  min-width: 225px;
}
@media (min-width: 768px) {
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td.order-status {
    margin-left: 7%;
    margin-right: 16px;
  }
}
@media (min-width: 768px) {
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td {
    max-height: 121px;
  }
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td.product-image {
    padding-right: 12px;
    padding-left: 16px;
  }
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td.product-name {
    padding-left: 12px;
    width: fit-content;
  }
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td.price {
    width: fit-content;
    margin-left: auto;
  }
}
@media (min-width: 0) and (max-width: 768px) {
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td {
    padding: 0 16px;
    padding-bottom: 8px;
  }
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td.order-status {
    padding-bottom: 16px;
  }
  .lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td.product-image {
    padding-bottom: 24px;
  }
}
.lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td .order_status_label {
  width: fit-content;
}
.lc-table .lc-table-tbody.orderTracker .lc-table-tr .lc-table-td div {
  width: 100%;
}

/* tabled responsive - use col number to set width */
.lc-tabs {
  width: 500px;
}
.lc-tabs .lc-tabs-contents {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lc-tabs .lc-tabs-contents .lc-tabs-header {
  width: 100%;
  height: 45px;
}
.lc-tabs .lc-tabs-contents .lc-tabs-header label {
  cursor: pointer;
  height: 100%;
  font-family: "FuturaBQLight", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  color: #222222;
  display: flex;
  align-items: center;
  padding-left: 45px;
  width: 50%;
}
.lc-tabs .lc-tabs-contents .lc-tabs-header label:hover {
  text-decoration: underline;
}
.lc-tabs .lc-tabs-contents .lc-tabs-header label:after {
  content: "";
  width: 5px;
  height: 5px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  transform: rotate(-135deg);
  margin-left: 10px;
  margin-top: -3px;
}
.lc-tabs .lc-tabs-contents .lc-tabs-header label.current {
  background-color: #f2f2f2;
  font-family: "FuturaBQMedium", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #222222;
}
.lc-tabs .lc-tabs-contents .lc-tabs-header label.current:after {
  transform: rotate(45deg);
  margin-top: 0px;
}
.lc-tabs .lc-tabs-contents input[type=radio] {
  display: none;
}
.lc-tabs .lc-tabs-contents input[type=radio] + div.lc-tabs-header {
  display: none;
}
.lc-tabs .lc-tabs-contents .lc-tabs-content {
  display: none;
  height: 250px;
}
.lc-tabs .lc-tabs-contents input:checked + div.lc-tabs-header {
  display: flex;
}
.lc-tabs .lc-tabs-contents input:checked + div.lc-tabs-header + .lc-tabs-content {
  display: flex;
  width: 100%;
  background-color: #f2f2f2;
  padding: 25px;
}

/* Accordion */
label.lc-accordion {
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
label.lc-accordion:hover {
  text-decoration: underline;
}
label.lc-accordion:after {
  content: "";
  width: 5px;
  height: 5px;
  border-left: 1px solid black;
  border-top: 1px solid black;
  transform: rotate(-135deg);
  margin-left: 10px;
  margin-top: 5px;
}

div.lc-accordion {
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.5s ease-in-out;
  display: flex;
  flex-direction: row;
}

input.lc-accordion {
  display: none;
}
input.lc-accordion:checked ~ label.lc-accordion:after {
  transform: rotate(45deg);
  margin-left: 0px;
  margin-top: 0px;
  display: flex;
  top: 6px;
  left: 3px;
}
input.lc-accordion:checked ~ div.lc-accordion {
  max-height: 140px;
}

/* Info boxes */
.lc-info-box {
  border: solid 1px #326fa8;
  background-color: white;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: 0.2px;
  color: #222222;
  font-family: "FuturaBQBook", Arial, Helvetica, sans-serif;
  padding: 11px;
}
.lc-info-box.blue {
  border: solid 1px #326fa8;
  background-color: rgba(50, 111, 168, 0.24);
}
.lc-info-box.green {
  border: solid 1px #228B22;
  background-color: rgba(152, 251, 152, 0.24);
}
.lc-info-box.red {
  border: solid 1px #B22222;
  background-color: rgba(205, 92, 92, 0.4);
}

/* LOADER */
a.no-underline {
  text-decoration: none;
}
a.no-underline:hover {
  text-decoration: none;
}

.wait-loader {
  display: flex;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.wait-loader.white em {
  color: white;
}
.wait-loader em {
  font-size: 20px;
  width: 20px;
  height: 20px;
  z-index: 10000;
  color: #333333;
  text-decoration: none;
  position: relative;
  top: -3px;
}

.search-bar .search-bar-container .search-input {
  padding: 0.25rem 0.5rem 0.5rem !important;
  text-indent: 8px;
  width: 80%;
  font-size: 16px;
}
@media (max-width: 430px) {
  .search-bar .search-bar-container .search-input::-webkit-input-placeholder {
    font-size: 13.5px;
  }
  .search-bar .search-bar-container .search-input::-moz-placeholder {
    font-size: 13.5px;
  }
  .search-bar .search-bar-container .search-input:-ms-input-placeholder {
    font-size: 13.5px;
  }
}

body,
* {
  box-sizing: border-box;
}

.no-scroll {
  overflow: hidden;
}

body {
  margin: 0 auto;
  font-family: "sofia-pro", sans-serif;
  font-weight: 100;
  font-stretch: normal;
  font-style: normal;
  min-height: 100vh;
  max-width: 100%;
  min-width: 100%;
}
body .body-container {
  position: relative;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide:not(.ng-hide-animate),
.slick-hide {
  display: none !important;
}

[data-ng-cloak-inner] {
  position: relative;
  overflow: hidden;
}
[data-ng-cloak-inner] div {
  visibility: hidden;
}
[data-ng-cloak-inner]:before {
  content: "";
  display: block;
  position: absolute;
  left: -250px;
  top: 0;
  height: 100%;
  width: 250px;
  background: linear-gradient(to right, transparent 0%, #d8d8d8 50%, transparent 100%);
  background-repeat: no-repeat;
  animation: load 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  z-index: 100;
}

@keyframes load {
  from {
    left: -250px;
  }
  to {
    left: 100%;
  }
}
@keyframes shrink {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1);
  }
  75% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}
.sr-only,
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}

a.skip-nav {
  left: 0;
  position: absolute;
  top: -200px;
  z-index: 100000;
}

.lazy {
  opacity: 0;
}

.lazyloading {
  opacity: 1;
  transition: opacity 300ms;
  background: #ffffff;
}

.block-fade-in {
  overflow: hidden !important;
  position: unset !important;
  height: unset !important;
  max-width: unset !important;
}

@media screen and (max-width: 1024px) {
  .gutter-page {
    padding: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .gutter-page {
    padding: 16px 32px;
  }
}

.sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 2;
}

.icon {
  width: 25px;
  height: 25px;
}

.icon-small {
  width: 20px;
  height: 20px;
}

.icon-x-small {
  width: 16px;
  height: 16px;
}

.MessageArea {
  display: none;
}

.d-flex {
  display: flex;
}

.global-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #222222;
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 0;
}
.global-backdrop.backdrop-on {
  opacity: 0.25;
  z-index: 2;
  height: 100%;
  transition: opacity 0.3s ease;
}

.contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .ng-scope a, .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item, .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item, #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__icon, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin a, .ct_container .ct_shopimg .ct_shopimg__container .ct_bag {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_price, .ct_container .ct_link__container, .ct_container .ct_cta__container {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.ct_container .ct_banner .ct_text__overlay {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
}

.ct_container {
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  color: #222222;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
}
.ct_container *:not(a) {
  margin: 0;
  padding: 0;
}
.ct_container a {
  margin: 0;
}
.ct_container h1, .ct_container h2, .ct_container h3 {
  font-family: "minerva-modern", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  font-weight: normal;
}
.ct_container h4, .ct_container h5, .ct_container h6 {
  font-family: "minerva-modern", sans-serif;
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: 0.14px;
  font-weight: normal;
}
.ct_container p {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .ct_container p {
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
  }
}
.ct_container a {
  text-decoration: none !important;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .ct_container a {
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
  }
}
.ct_container a.ct_link {
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #222222;
  line-height: 1.5;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}
.ct_container a.ct_link::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 0;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
.ct_container a.ct_link:hover::before {
  width: 100%;
}
.ct_container a.ct_link::before {
  width: 100%;
  color: currentColor;
}
@media (min-width: 1025px) {
  .ct_container a.ct_link:hover::before {
    width: 0;
  }
}
.ct_container .ct_cta__container {
  flex-wrap: wrap;
  margin: -10px;
}
.ct_container .ct_cta__container *[class^=button-] {
  margin: 10px;
  border-width: 1px;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .ct_container .ct_cta__container *[class^=button-] {
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    text-transform: uppercase;
  }
}
.ct_container .ct_link__container {
  flex-wrap: wrap;
  margin: -10px;
}
.ct_container .ct_link__container .ct_link {
  margin: 10px;
}
.ct_container .ct_Link_Default_Medium {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  color: #557b92;
  line-height: 1.5;
}
.ct_container .ct_Link_Default_Medium::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  background-color: #557b92;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .ct_container .ct_Link_Default_Medium:hover::before {
    width: 0;
  }
}
.ct_container .ct_font__bold {
  font-weight: bold !important;
}
@media (max-width: 767px) {
  .ct_container .ct_font__mob__bold {
    font-weight: bold !important;
  }
}
@media (max-width: 768px) {
  .ct_container .ct_font__desk__bold {
    font-weight: bold !important;
  }
}
.ct_container .ct_text__uppercase {
  text-transform: uppercase !important;
  white-space: normal;
}
.ct_container .ct_text__left {
  text-align: left !important;
}
.ct_container .ct_text__center {
  text-align: center !important;
}
.ct_container .ct_text__right {
  text-align: right !important;
}
@media (max-width: 767px) {
  .ct_container .ct_text__mob__left {
    text-align: left !important;
  }
}
@media (max-width: 767px) {
  .ct_container .ct_text__mob__center {
    text-align: center !important;
  }
}
@media (max-width: 767px) {
  .ct_container .ct_text__mob__right {
    text-align: right !important;
  }
}
.ct_container .ct_text__black {
  color: #222222 !important;
}
.ct_container .ct_text__black p, .ct_container .ct_text__black h1, .ct_container .ct_text__black h2, .ct_container .ct_text__black h3, .ct_container .ct_text__black h4 {
  color: #222222 !important;
}
.ct_container .ct_text__white {
  color: #ffffff !important;
}
.ct_container .ct_text__white p, .ct_container .ct_text__white h1, .ct_container .ct_text__white h2, .ct_container .ct_text__white h3, .ct_container .ct_text__white h4 {
  color: #ffffff !important;
}
.ct_container .ct_text__blue_primary {
  color: #557b92 !important;
}
.ct_container .ct_text__blue_primary p, .ct_container .ct_text__blue_primary h1, .ct_container .ct_text__blue_primary h2, .ct_container .ct_text__blue_primary h3, .ct_container .ct_text__blue_primary h4 {
  color: #557b92 !important;
}
.ct_container .ct_text__blue_lc {
  color: #192c50 !important;
}
.ct_container .ct_text__blue_lc p, .ct_container .ct_text__blue_lc h1, .ct_container .ct_text__blue_lc h2, .ct_container .ct_text__blue_lc h3, .ct_container .ct_text__blue_lc h4 {
  color: #192c50 !important;
}
.ct_container .ct_text__petrol {
  color: #244c5a !important;
}
.ct_container .ct_text__petrol p, .ct_container .ct_text__petrol h1, .ct_container .ct_text__petrol h2, .ct_container .ct_text__petrol h3, .ct_container .ct_text__petrol h4 {
  color: #244c5a !important;
}
@media (orientation: portrait) and (max-width: 767px), (orientation: landscape) and (max-width: 767px) {
  .ct_container .ct_text__mob__black {
    color: #222222 !important;
  }
  .ct_container .ct_text__mob__black p, .ct_container .ct_text__mob__black h1, .ct_container .ct_text__mob__black h2, .ct_container .ct_text__mob__black h3, .ct_container .ct_text__mob__black h4 {
    color: #222222 !important;
  }
  .ct_container .ct_text__mob__white {
    color: #ffffff !important;
  }
  .ct_container .ct_text__mob__white p, .ct_container .ct_text__mob__white h1, .ct_container .ct_text__mob__white h2, .ct_container .ct_text__mob__white h3, .ct_container .ct_text__mob__white h4 {
    color: #ffffff !important;
  }
}
.ct_container img, .ct_container video {
  width: 100%;
  height: auto;
  display: block;
}
.ct_container .ct_icon {
  background: transparent;
  fill: currentColor;
  width: 50px;
  height: 50px;
  display: block;
}
.ct_container .ct_icon.ct_rotate__90 {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ct_container .ct_icon.ct_rotate__180 {
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ct_container .ct_icon.ct_rotate__270 {
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.ct_container h1::selection,
.ct_container h2::selection,
.ct_container h3::selection,
.ct_container h4::selection,
.ct_container h5::selection,
.ct_container h6::selection,
.ct_container p::selection,
.ct_container span::selection,
.ct_container strong::selection,
.ct_container i::selection,
.ct_container u::selection,
.ct_container br::selection,
.ct_container a::selection,
.ct_container code::selection,
.ct_container button::selection {
  background-color: #557b92;
  color: #fff;
}
.ct_container ::selection {
  background-color: rgba(85, 123, 146, 0.4);
}
.ct_container .ct_hide {
  display: none !important;
}
@media (max-width: 767px) {
  .ct_container .ct__mob__hide {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .ct_container .ct__desk__hide {
    display: none !important;
  }
}
.ct_container .ct_Minerva__Blockquotes {
  font-family: "minerva-modern", sans-serif;
  font-size: 56px;
  line-height: 1.14;
}
.ct_container .ct_Minerva__Extra {
  font-family: "minerva-modern", sans-serif;
  font-size: 48px;
  line-height: 1.33;
  letter-spacing: 0.24px;
}
.ct_container .ct_Minerva__Large {
  font-family: "minerva-modern", sans-serif;
  font-size: 32px;
  line-height: 1.25;
}
.ct_container .ct_Minerva__Medium {
  font-family: "minerva-modern", sans-serif;
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: 0.14px;
}
.ct_container .ct_Minerva__Small {
  font-family: "minerva-modern", sans-serif;
  font-size: 20px;
  line-height: 1.2;
}
.ct_container .ct_Minerva__XSmall {
  font-family: "minerva-modern", sans-serif;
  font-size: 18px;
  line-height: 1.33;
}
.ct_container .ct_SofiaPro__Large_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.5px;
}
.ct_container .ct_SofiaPro__Large_Capitalized_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.5px;
}
.ct_container .ct_SofiaPro__Large_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 20px;
  line-height: 1.6;
}
.ct_container .ct_SofiaPro__Large_Capitalized_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ct_container .ct_SofiaPro__Medium_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.ct_container .ct_SofiaPro__Medium_Capitalized_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ct_container .ct_SofiaPro__Medium_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}
.ct_container .ct_SofiaPro__Medium_Capitalized_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ct_container .ct_SofiaPro__Small_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
}
.ct_container .ct_SofiaPro__Small_Capitalized_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  text-transform: uppercase;
}
.ct_container .ct_SofiaPro__Small_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
}
.ct_container .ct_SofiaPro__Small_Capitalized_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ct_container .ct_SofiaPro__XSmall_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.16px;
}
.ct_container .ct_SofiaPro__XSmall_Capitalized_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  text-transform: uppercase;
}
.ct_container .ct_SofiaPro__XSmall_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
}
.ct_container .ct_SofiaPro__XSmall_Capitalized_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ct_container .ct_SofiaPro__Tiny_SemiBold {
  font-family: "sofia-pro", sans-serif;
  font-size: 10px;
  font-weight: 600;
}
.ct_container .ct_SofiaPro__Tiny_Regular {
  font-family: "sofia-pro", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.6;
}
.ct_container .ct_SofiaPro__Link_Large {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.ct_container .ct_SofiaPro__Link_Medium {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
}
.ct_container .ct_SofiaPro__Link_Small {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.16px;
}
@media (max-width: 767px) {
  .ct_container .ct_Minerva__Large__mobile {
    font-family: "minerva-modern", sans-serif;
    font-size: 32px;
    line-height: 1.25;
  }
  .ct_container .ct_Minerva__Medium__mob {
    font-family: "minerva-modern", sans-serif;
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: 0.14px;
  }
  .ct_container .ct_Minerva__Small__mob {
    font-family: "minerva-modern", sans-serif;
    font-size: 20px;
    line-height: 1.2;
  }
  .ct_container .ct_Minerva__XSmall__mob {
    font-family: "minerva-modern", sans-serif;
    font-size: 18px;
    line-height: 1.33;
  }
  .ct_container .ct_SofiaPro__Large_SemiBold__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.5px;
  }
  .ct_container .ct_SofiaPro__Large_Regular__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 20px;
    line-height: 1.6;
  }
  .ct_container .ct_SofiaPro__Medium_SemiBold__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
  }
  .ct_container .ct_SofiaPro__Medium_Regular__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
  }
  .ct_container .ct_SofiaPro__Small_Capitalized_SemiBold__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    text-transform: uppercase;
  }
  .ct_container .ct_SofiaPro__Small_SemiBold__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: 0.5px;
  }
  .ct_container .ct_SofiaPro__Small_Capitalized_Regular__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
  .ct_container .ct_SofiaPro__Small_Regular__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.5px;
  }
  .ct_container .ct_SofiaPro__XSmall_SemiBold__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 0.16px;
  }
  .ct_container .ct_SofiaPro__XSmall_Regular__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.16px;
  }
  .ct_container .ct_SofiaPro__Tiny_SemiBold__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 10px;
    font-weight: 600;
  }
  .ct_container .ct_SofiaPro__Tiny_Regular__mob {
    font-family: "sofia-pro", sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.6;
  }
}
.ct_container .ct_mt__none {
  margin-top: 0;
}
.ct_container .ct_mt__xxs {
  margin-top: 4px;
}
.ct_container .ct_mt__xs {
  margin-top: 8px;
}
.ct_container .ct_mt__s {
  margin-top: 16px;
}
.ct_container .ct_mt__m {
  margin-top: 24px;
}
.ct_container .ct_mt__l {
  margin-top: 32px;
}
.ct_container .ct_mt__xl {
  margin-top: 40px;
}
.ct_container .ct_mt__xxl {
  margin-top: 48px;
}
.ct_container .ct_mb__none {
  margin-bottom: 0;
}
.ct_container .ct_mb__xxs {
  margin-bottom: 4px;
}
.ct_container .ct_mb__xs {
  margin-bottom: 8px;
}
.ct_container .ct_mb__s {
  margin-bottom: 16px;
}
.ct_container .ct_mb__m {
  margin-bottom: 24px;
}
.ct_container .ct_mb__l {
  margin-bottom: 32px;
}
.ct_container .ct_mb__xl {
  margin-bottom: 40px;
}
.ct_container .ct_mb__xxl {
  margin-bottom: 48px;
}
.ct_container .ct_ml__none {
  margin-top: 0;
}
.ct_container .ct_ml__xxs {
  margin-top: 4px;
}
.ct_container .ct_ml__xs {
  margin-top: 8px;
}
.ct_container .ct_ml__s {
  margin-top: 16px;
}
.ct_container .ct_ml__m {
  margin-top: 24px;
}
.ct_container .ct_ml__l {
  margin-top: 32px;
}
.ct_container .ct_ml__xl {
  margin-top: 40px;
}
.ct_container .ct_ml__xxl {
  margin-top: 48px;
}
.ct_container .ct_mr__none {
  margin-bottom: 0;
}
.ct_container .ct_mr__xxs {
  margin-bottom: 4px;
}
.ct_container .ct_mr__xs {
  margin-bottom: 8px;
}
.ct_container .ct_mr__s {
  margin-bottom: 16px;
}
.ct_container .ct_mr__m {
  margin-bottom: 24px;
}
.ct_container .ct_mr__l {
  margin-bottom: 32px;
}
.ct_container .ct_mr__xl {
  margin-bottom: 40px;
}
.ct_container .ct_mr__xxl {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .ct_container .ct_mt__none__mob {
    margin-top: 0;
  }
  .ct_container .ct_mt__xxs__mob {
    margin-top: 4px;
  }
  .ct_container .ct_mt__xs__mob {
    margin-top: 8px;
  }
  .ct_container .ct_mt__s__mob {
    margin-top: 16px;
  }
  .ct_container .ct_mt__m__mob {
    margin-top: 24px;
  }
  .ct_container .ct_mt__l__mob {
    margin-top: 32px;
  }
  .ct_container .ct_mt__xl__mob {
    margin-top: 40px;
  }
  .ct_container .ct_mt__xxl__mob {
    margin-top: 48px;
  }
  .ct_container .ct_mb__none__mob {
    margin-bottom: 0;
  }
  .ct_container .ct_mb__xxs__mob {
    margin-bottom: 4px;
  }
  .ct_container .ct_mb__xs__mob {
    margin-bottom: 8px;
  }
  .ct_container .ct_mb__s__mob {
    margin-bottom: 16px;
  }
  .ct_container .ct_mb__m__mob {
    margin-bottom: 24px;
  }
  .ct_container .ct_mb__l__mob {
    margin-bottom: 32px;
  }
  .ct_container .ct_mb__xl__mob {
    margin-bottom: 40px;
  }
  .ct_container .ct_mb__xxl__mob {
    margin-bottom: 48px;
  }
  .ct_container .ct_ml__none__mob {
    margin-top: 0;
  }
  .ct_container .ct_ml__xxs__mob {
    margin-top: 4px;
  }
  .ct_container .ct_ml__xs__mob {
    margin-top: 8px;
  }
  .ct_container .ct_ml__s__mob {
    margin-top: 16px;
  }
  .ct_container .ct_ml__m__mob {
    margin-top: 24px;
  }
  .ct_container .ct_ml__l__mob {
    margin-top: 32px;
  }
  .ct_container .ct_ml__xl__mob {
    margin-top: 40px;
  }
  .ct_container .ct_ml__xxl__mob {
    margin-top: 48px;
  }
  .ct_container .ct_mr__none__mob {
    margin-bottom: 0;
  }
  .ct_container .ct_mr__xxs__mob {
    margin-bottom: 4px;
  }
  .ct_container .ct_mr__xs__mob {
    margin-bottom: 8px;
  }
  .ct_container .ct_mr__s__mob {
    margin-bottom: 16px;
  }
  .ct_container .ct_mr__m__mob {
    margin-bottom: 24px;
  }
  .ct_container .ct_mr__l__mob {
    margin-bottom: 32px;
  }
  .ct_container .ct_mr__xl__mob {
    margin-bottom: 40px;
  }
  .ct_container .ct_mr__xxl__mob {
    margin-bottom: 48px;
  }
}
.ct_container .ct_w__0 {
  width: 0% !important;
}
.ct_container .ct_h__0 {
  height: 0% !important;
}
.ct_container .ct_l__0 {
  left: 0% !important;
}
.ct_container .ct_t__0 {
  top: 0% !important;
}
.ct_container .ct_r__0 {
  right: 0% !important;
}
.ct_container .ct_b__0 {
  bottom: 0% !important;
}
.ct_container .ct_w__5 {
  width: 5% !important;
}
.ct_container .ct_h__5 {
  height: 5% !important;
}
.ct_container .ct_l__5 {
  left: 5% !important;
}
.ct_container .ct_t__5 {
  top: 5% !important;
}
.ct_container .ct_r__5 {
  right: 5% !important;
}
.ct_container .ct_b__5 {
  bottom: 5% !important;
}
.ct_container .ct_w__10 {
  width: 10% !important;
}
.ct_container .ct_h__10 {
  height: 10% !important;
}
.ct_container .ct_l__10 {
  left: 10% !important;
}
.ct_container .ct_t__10 {
  top: 10% !important;
}
.ct_container .ct_r__10 {
  right: 10% !important;
}
.ct_container .ct_b__10 {
  bottom: 10% !important;
}
.ct_container .ct_w__15 {
  width: 15% !important;
}
.ct_container .ct_h__15 {
  height: 15% !important;
}
.ct_container .ct_l__15 {
  left: 15% !important;
}
.ct_container .ct_t__15 {
  top: 15% !important;
}
.ct_container .ct_r__15 {
  right: 15% !important;
}
.ct_container .ct_b__15 {
  bottom: 15% !important;
}
.ct_container .ct_w__20 {
  width: 20% !important;
}
.ct_container .ct_h__20 {
  height: 20% !important;
}
.ct_container .ct_l__20 {
  left: 20% !important;
}
.ct_container .ct_t__20 {
  top: 20% !important;
}
.ct_container .ct_r__20 {
  right: 20% !important;
}
.ct_container .ct_b__20 {
  bottom: 20% !important;
}
.ct_container .ct_w__25 {
  width: 25% !important;
}
.ct_container .ct_h__25 {
  height: 25% !important;
}
.ct_container .ct_l__25 {
  left: 25% !important;
}
.ct_container .ct_t__25 {
  top: 25% !important;
}
.ct_container .ct_r__25 {
  right: 25% !important;
}
.ct_container .ct_b__25 {
  bottom: 25% !important;
}
.ct_container .ct_w__30 {
  width: 30% !important;
}
.ct_container .ct_h__30 {
  height: 30% !important;
}
.ct_container .ct_l__30 {
  left: 30% !important;
}
.ct_container .ct_t__30 {
  top: 30% !important;
}
.ct_container .ct_r__30 {
  right: 30% !important;
}
.ct_container .ct_b__30 {
  bottom: 30% !important;
}
.ct_container .ct_w__35 {
  width: 35% !important;
}
.ct_container .ct_h__35 {
  height: 35% !important;
}
.ct_container .ct_l__35 {
  left: 35% !important;
}
.ct_container .ct_t__35 {
  top: 35% !important;
}
.ct_container .ct_r__35 {
  right: 35% !important;
}
.ct_container .ct_b__35 {
  bottom: 35% !important;
}
.ct_container .ct_w__40 {
  width: 40% !important;
}
.ct_container .ct_h__40 {
  height: 40% !important;
}
.ct_container .ct_l__40 {
  left: 40% !important;
}
.ct_container .ct_t__40 {
  top: 40% !important;
}
.ct_container .ct_r__40 {
  right: 40% !important;
}
.ct_container .ct_b__40 {
  bottom: 40% !important;
}
.ct_container .ct_w__45 {
  width: 45% !important;
}
.ct_container .ct_h__45 {
  height: 45% !important;
}
.ct_container .ct_l__45 {
  left: 45% !important;
}
.ct_container .ct_t__45 {
  top: 45% !important;
}
.ct_container .ct_r__45 {
  right: 45% !important;
}
.ct_container .ct_b__45 {
  bottom: 45% !important;
}
.ct_container .ct_w__50 {
  width: 50% !important;
}
.ct_container .ct_h__50 {
  height: 50% !important;
}
.ct_container .ct_l__50 {
  left: 50% !important;
}
.ct_container .ct_t__50 {
  top: 50% !important;
}
.ct_container .ct_r__50 {
  right: 50% !important;
}
.ct_container .ct_b__50 {
  bottom: 50% !important;
}
.ct_container .ct_w__55 {
  width: 55% !important;
}
.ct_container .ct_h__55 {
  height: 55% !important;
}
.ct_container .ct_l__55 {
  left: 55% !important;
}
.ct_container .ct_t__55 {
  top: 55% !important;
}
.ct_container .ct_r__55 {
  right: 55% !important;
}
.ct_container .ct_b__55 {
  bottom: 55% !important;
}
.ct_container .ct_w__60 {
  width: 60% !important;
}
.ct_container .ct_h__60 {
  height: 60% !important;
}
.ct_container .ct_l__60 {
  left: 60% !important;
}
.ct_container .ct_t__60 {
  top: 60% !important;
}
.ct_container .ct_r__60 {
  right: 60% !important;
}
.ct_container .ct_b__60 {
  bottom: 60% !important;
}
.ct_container .ct_w__65 {
  width: 65% !important;
}
.ct_container .ct_h__65 {
  height: 65% !important;
}
.ct_container .ct_l__65 {
  left: 65% !important;
}
.ct_container .ct_t__65 {
  top: 65% !important;
}
.ct_container .ct_r__65 {
  right: 65% !important;
}
.ct_container .ct_b__65 {
  bottom: 65% !important;
}
.ct_container .ct_w__70 {
  width: 70% !important;
}
.ct_container .ct_h__70 {
  height: 70% !important;
}
.ct_container .ct_l__70 {
  left: 70% !important;
}
.ct_container .ct_t__70 {
  top: 70% !important;
}
.ct_container .ct_r__70 {
  right: 70% !important;
}
.ct_container .ct_b__70 {
  bottom: 70% !important;
}
.ct_container .ct_w__75 {
  width: 75% !important;
}
.ct_container .ct_h__75 {
  height: 75% !important;
}
.ct_container .ct_l__75 {
  left: 75% !important;
}
.ct_container .ct_t__75 {
  top: 75% !important;
}
.ct_container .ct_r__75 {
  right: 75% !important;
}
.ct_container .ct_b__75 {
  bottom: 75% !important;
}
.ct_container .ct_w__80 {
  width: 80% !important;
}
.ct_container .ct_h__80 {
  height: 80% !important;
}
.ct_container .ct_l__80 {
  left: 80% !important;
}
.ct_container .ct_t__80 {
  top: 80% !important;
}
.ct_container .ct_r__80 {
  right: 80% !important;
}
.ct_container .ct_b__80 {
  bottom: 80% !important;
}
.ct_container .ct_w__85 {
  width: 85% !important;
}
.ct_container .ct_h__85 {
  height: 85% !important;
}
.ct_container .ct_l__85 {
  left: 85% !important;
}
.ct_container .ct_t__85 {
  top: 85% !important;
}
.ct_container .ct_r__85 {
  right: 85% !important;
}
.ct_container .ct_b__85 {
  bottom: 85% !important;
}
.ct_container .ct_w__90 {
  width: 90% !important;
}
.ct_container .ct_h__90 {
  height: 90% !important;
}
.ct_container .ct_l__90 {
  left: 90% !important;
}
.ct_container .ct_t__90 {
  top: 90% !important;
}
.ct_container .ct_r__90 {
  right: 90% !important;
}
.ct_container .ct_b__90 {
  bottom: 90% !important;
}
.ct_container .ct_w__95 {
  width: 95% !important;
}
.ct_container .ct_h__95 {
  height: 95% !important;
}
.ct_container .ct_l__95 {
  left: 95% !important;
}
.ct_container .ct_t__95 {
  top: 95% !important;
}
.ct_container .ct_r__95 {
  right: 95% !important;
}
.ct_container .ct_b__95 {
  bottom: 95% !important;
}
.ct_container .ct_w__100 {
  width: 100% !important;
}
.ct_container .ct_h__100 {
  height: 100% !important;
}
.ct_container .ct_l__100 {
  left: 100% !important;
}
.ct_container .ct_t__100 {
  top: 100% !important;
}
.ct_container .ct_r__100 {
  right: 100% !important;
}
.ct_container .ct_b__100 {
  bottom: 100% !important;
}
.ct_container .ct_w__105 {
  width: 105% !important;
}
.ct_container .ct_h__105 {
  height: 105% !important;
}
.ct_container .ct_l__105 {
  left: 105% !important;
}
.ct_container .ct_t__105 {
  top: 105% !important;
}
.ct_container .ct_r__105 {
  right: 105% !important;
}
.ct_container .ct_b__105 {
  bottom: 105% !important;
}

/*Arrows*/
.ct_img__cover {
  background-position: center center;
  background-size: cover;
}

.ct_justify_center {
  justify-content: center !important;
}

.ct_Background__Black_Gradient {
  background-image: -webkit-linear-gradient(bottom, rgba(34, 34, 34, 0.69), rgba(34, 34, 34, 0));
  background-image: -o-linear-gradient(bottom, rgba(34, 34, 34, 0.69), rgba(34, 34, 34, 0));
  background-image: linear-gradient(to top, rgba(34, 34, 34, 0.69), rgba(34, 34, 34, 0));
}

/*Fix button-xsmall-glasswhite-glass*/
.button-xsmall-glasswhite-glass {
  color: #ffffff !important;
  background-image: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.49), rgba(255, 255, 255, 0.28)), linear-gradient(to top, rgba(255, 255, 255, 0.21), rgba(255, 255, 255, 0));
}

.ct_container .ct_text__prirmary {
  white-space: normal;
}
.ct_container .ct_banner {
  position: relative;
}
.ct_container .ct_banner > a + .ct_text__overlay {
  pointer-events: none;
}
.ct_container .ct_banner > a + .ct_text__overlay a {
  pointer-events: auto;
}
.ct_container .ct_banner .ct_text__overlay {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 40px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .ct_container .ct_banner .ct_text__overlay {
    padding: 16px;
  }
}
.ct_container .ct_banner .ct_text__overlay p {
  line-height: 1.3;
}
.ct_container .ct_banner .ct_text__overlay .ct_cta__container .ct_cta {
  width: auto;
}
.ct_container .ct_banner .ct_text__overlay.ct_overlay__center {
  text-align: center;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ct_container .ct_banner .ct_text__overlay.ct_overlay__center.ct_overlay__bottom, .ct_container .ct_banner .ct_text__overlay.ct_overlay__center.ct_overlay__top, .ct_container .ct_banner .ct_text__overlay.ct_overlay__center.ct_overlay__mob__bottom, .ct_container .ct_banner .ct_text__overlay.ct_overlay__center.ct_overlay__mob__top {
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ct_container .ct_banner .ct_text__overlay.ct_overlay__center .ct_cta__container {
  justify-content: center;
}
.ct_container .ct_banner .ct_text__overlay.ct_overlay__right {
  text-align: right;
  right: 0;
  left: auto;
}
.ct_container .ct_banner .ct_text__overlay.ct_overlay__top {
  top: 0;
  bottom: auto;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.ct_container .ct_banner .ct_text__overlay.ct_overlay__bottom {
  bottom: 0;
  top: auto;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
}
.ct_container .ct_banner .ct_text__overlay.ct_overlay__split {
  height: 100%;
  justify-content: space-between;
}
@media (orientation: portrait) and (max-width: 767px), (orientation: landscape) and (max-width: 767px) {
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__left {
    height: auto;
    text-align: left;
    left: 0;
    right: auto;
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center {
    height: auto;
    text-align: center;
    left: 50%;
    right: auto;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center.ct_overlay__bottom, .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center.ct_overlay__top, .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center.ct_overlay__mob__bottom, .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center.ct_overlay__mob__top {
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__right {
    height: auto;
    text-align: right;
    right: 0;
    left: auto;
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__top {
    height: auto;
    bottom: auto;
    top: 0;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__bottom {
    height: auto;
    bottom: 0;
    top: auto;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center_vertical {
    height: auto;
    bottom: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center_vertical.ct_overlay__mob__center, .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__center_vertical.ct_overlay__center {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .ct_container .ct_banner .ct_text__overlay.ct_overlay__mob__split {
    height: 100%;
    justify-content: space-between;
  }
}
.ct_container div[class^="ct_row ct_row__"], .ct_container div[class^=ct_row__], .ct_container div[class^=" ct_row__"] {
  align-items: stretch;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media (orientation: portrait) and (max-width: 767px), (orientation: landscape) and (max-width: 767px) {
  .ct_container div[class^="ct_row ct_row__"], .ct_container div[class^=ct_row__], .ct_container div[class^=" ct_row__"] {
    flex-direction: column;
  }
  .ct_container div[class^="ct_row ct_row__"] .ct_col, .ct_container div[class^=ct_row__] .ct_col, .ct_container div[class^=" ct_row__"] .ct_col {
    width: 100%;
    min-width: 100%;
  }
  .ct_container div[class^="ct_row ct_row__"] .ct_col::after, .ct_container div[class^=ct_row__] .ct_col::after, .ct_container div[class^=" ct_row__"] .ct_col::after {
    content: none;
  }
}
.ct_container div[class^="ct_row ct_row__"] .ct_assets__container, .ct_container div[class^=ct_row__] .ct_assets__container, .ct_container div[class^=" ct_row__"] .ct_assets__container {
  height: 100%;
}
.ct_container div[class^="ct_row ct_row__"] .ct_assets__container .ct_img__container, .ct_container div[class^=ct_row__] .ct_assets__container .ct_img__container, .ct_container div[class^=" ct_row__"] .ct_assets__container .ct_img__container {
  height: 100%;
}
.ct_container div[class^="ct_row ct_row__"] .ct_assets__container .ct_img__container img, .ct_container div[class^=ct_row__] .ct_assets__container .ct_img__container img, .ct_container div[class^=" ct_row__"] .ct_assets__container .ct_img__container img {
  height: 100%;
  object-fit: cover;
}
@media (orientation: portrait) and (min-width: 1025px), (orientation: landscape) and (min-width: 1025px) {
  .ct_container .ct_row.ct_row__desk__reverse {
    flex-direction: row-reverse;
  }
  .ct_container .ct_row.ct_row__desk__reverse .ct_col:first-child::after {
    right: auto;
    left: 0;
    transform: translateX(50%);
  }
}
@media (orientation: portrait) and (max-width: 767px), (orientation: landscape) and (max-width: 767px) {
  .ct_container .ct_row.ct_row__mob__reverse {
    flex-direction: column-reverse;
  }
}
@media (orientation: portrait) and (min-width: 1025px), (orientation: landscape) and (min-width: 1025px) {
  .ct_container .ct_row.ct_row__50_50 .ct_col {
    min-width: 50%;
  }
  .ct_container .ct_row.ct_row__40_60 .ct_col:first-child {
    flex: 40;
    min-width: 40%;
  }
  .ct_container .ct_row.ct_row__40_60 .ct_col:first-child .ct_text__overlay {
    padding: 100px;
  }
  .ct_container .ct_row.ct_row__40_60 .ct_col:last-child {
    flex: 60;
    min-width: 60%;
  }
  .ct_container .ct_row.ct_row__40_60 .ct_col:last-child .ct_text__overlay {
    padding: 66.666666668px;
  }
  .ct_container .ct_row.ct_row__60_40 .ct_col:first-child {
    flex: 60;
    min-width: 60%;
  }
  .ct_container .ct_row.ct_row__60_40 .ct_col:first-child .ct_text__overlay {
    padding: 66.666666668px;
  }
  .ct_container .ct_row.ct_row__60_40 .ct_col:last-child {
    flex: 40;
    min-width: 40%;
  }
  .ct_container .ct_row.ct_row__60_40 .ct_col:last-child .ct_text__overlay {
    padding: 100px;
  }
  .ct_container .ct_row.ct_row__33_66 .ct_col:first-child {
    flex: 33.3333333333;
    min-width: 33.3333333333%;
  }
  .ct_container .ct_row.ct_row__33_66 .ct_col:first-child .ct_text__overlay {
    padding: 120px;
  }
  .ct_container .ct_row.ct_row__33_66 .ct_col:last-child {
    flex: 66.6666666667;
    min-width: 66.6666666667%;
  }
  .ct_container .ct_row.ct_row__33_66 .ct_col:last-child .ct_text__overlay {
    padding: 60px;
  }
  .ct_container .ct_row.ct_row__66_33 .ct_col:first-child {
    flex: 66.6666666667;
    min-width: 66.6666666667%;
  }
  .ct_container .ct_row.ct_row__66_33 .ct_col:first-child .ct_text__overlay {
    padding: 60px;
  }
  .ct_container .ct_row.ct_row__66_33 .ct_col:last-child {
    flex: 33.3333333333;
    min-width: 33.3333333333%;
  }
  .ct_container .ct_row.ct_row__66_33 .ct_col:last-child .ct_text__overlay {
    padding: 120px;
  }
  .ct_container .ct_row.ct_row__30_70 .ct_col:first-child {
    flex: 30;
    min-width: 30%;
  }
  .ct_container .ct_row.ct_row__30_70 .ct_col:first-child .ct_text__overlay {
    padding: 133.333333332px;
  }
  .ct_container .ct_row.ct_row__30_70 .ct_col:last-child {
    flex: 70;
    min-width: 70%;
  }
  .ct_container .ct_row.ct_row__30_70 .ct_col:last-child .ct_text__overlay {
    padding: 57.142857144px;
  }
  .ct_container .ct_row.ct_row__70_30 .ct_col:first-child {
    flex: 70;
    min-width: 70%;
  }
  .ct_container .ct_row.ct_row__70_30 .ct_col:first-child .ct_text__overlay {
    padding: 57.142857144px;
  }
  .ct_container .ct_row.ct_row__70_30 .ct_col:last-child {
    flex: 30;
    min-width: 30%;
  }
  .ct_container .ct_row.ct_row__70_30 .ct_col:last-child .ct_text__overlay {
    padding: 133.333333332px;
  }
}

.ct_container .ct_shopimg .ct_shopimg__container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  overflow: hidden;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_bag {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 24px;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 24px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_bag .ct_icon {
  width: 26px;
  height: 28px;
  filter: invert(1);
}
@media (max-width: 767px) {
  .ct_container .ct_shopimg .ct_shopimg__container .ct_bag {
    margin: 16px;
  }
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container {
  position: initial;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin {
  position: absolute;
  top: 10%;
  left: 10%;
  opacity: 0;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin a {
  padding: 12px;
  border-radius: 100px;
  background-color: #192c50;
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin.ct_panel__oos .ct_shopimg__panel .ct_price, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin.ct_panel__oos_full .ct_shopimg__panel .ct_price {
  display: none !important;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin.ct_panel__oos .ct_shopimg__panel .ct_message, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin.ct_panel__oos_full .ct_shopimg__panel .ct_message {
  display: block !important;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin.ct_panel__oos a, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin.ct_panel__oos_full a {
  cursor: default;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__icon {
  position: relative;
  z-index: 2;
  width: 48px;
  min-width: 48px;
  height: 48px;
  border-radius: 24px;
  background: radial-gradient(104.07% 139.15% at 50.22% 0%, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__icon .ct_icon {
  width: 26px;
  height: 28px;
  filter: invert(1);
}
@media (max-width: 767px) {
  .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__icon {
    display: none;
  }
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container {
  padding: 0 16px;
  width: max-content;
  max-width: 60vw;
  min-width: 160px;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_brand, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_name, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_price, .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_message {
  display: block;
  color: #ffffff;
  white-space: nowrap;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_brand {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_name {
  color: #d8d8d8;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_price {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_price {
  align-items: baseline;
  flex-wrap: wrap;
  white-space: normal;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_price .ct_price__pst {
  display: inline-block;
  text-decoration: line-through;
  color: #d8d8d8;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_price .ct_price__normal {
  font-size: 14px;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_price .ct_price__percentage {
  font-size: 14px;
  font-weight: 600;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_message {
  display: none;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0.4px;
  margin-top: 5px;
  font-size: 10px;
}
@media (max-width: 767px) {
  .ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_message {
    font-size: 9px;
  }
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin .ct_shopimg__panel_container .ct_shopimg__panel .ct_message strong {
  display: block;
}
.ct_container .ct_shopimg .ct_shopimg__container .ct_pin__container .ct_pin.ct_panel__left a {
  left: auto;
  right: 0;
  flex-direction: row-reverse;
}
@media (min-width: 1025px) {
  .ct_container .ct_shopimg .ct_shopimg__container:hover .ct_pin {
    opacity: 1;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ct_container .ct_shopimg .ct_shopimg__container.ct_show .ct_pin__container .ct_pin {
  opacity: 1;
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.myPreference .check-psw span.passwordRequirements {
  margin: 10px 0px;
}

.check-psw .eight-char, .check-psw .upper-char, .check-psw .lower-char, .check-psw .number-char, .check-psw .special-char {
  display: flex;
  align-items: self-end;
  margin-bottom: 8px;
}
.check-psw .eight-char .circle, .check-psw .upper-char .circle, .check-psw .lower-char .circle, .check-psw .number-char .circle, .check-psw .special-char .circle {
  background: #C4C4C4;
  width: 14px;
  height: 14px;
  border-radius: 50px;
}
.check-psw .eight-char .circle svg, .check-psw .upper-char .circle svg, .check-psw .lower-char .circle svg, .check-psw .number-char .circle svg, .check-psw .special-char .circle svg {
  display: none;
  height: 16px;
  width: 16px;
}
.check-psw .eight-char .text, .check-psw .upper-char .text, .check-psw .lower-char .text, .check-psw .number-char .text, .check-psw .special-char .text {
  margin-left: 10px;
  color: #222222;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
}
.check-psw .eight-char.correct .circle, .check-psw .upper-char.correct .circle, .check-psw .lower-char.correct .circle, .check-psw .number-char.correct .circle, .check-psw .special-char.correct .circle {
  background: transparent;
}
.check-psw .eight-char.correct .circle svg.correct, .check-psw .upper-char.correct .circle svg.correct, .check-psw .lower-char.correct .circle svg.correct, .check-psw .number-char.correct .circle svg.correct, .check-psw .special-char.correct .circle svg.correct {
  display: block;
}
.check-psw .eight-char.error .circle, .check-psw .upper-char.error .circle, .check-psw .lower-char.error .circle, .check-psw .number-char.error .circle, .check-psw .special-char.error .circle {
  background: transparent;
}
.check-psw .eight-char.error .circle svg.error, .check-psw .upper-char.error .circle svg.error, .check-psw .lower-char.error .circle svg.error, .check-psw .number-char.error .circle svg.error, .check-psw .special-char.error .circle svg.error {
  display: block;
}
.check-psw .passwordRequirements {
  display: block !important;
  white-space: nowrap;
  color: #767676;
  font-weight: 500;
  font-size: 10px;
  line-height: 16px;
  margin-top: 14px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .check-psw .passwordRequirements {
    margin-top: 0px;
    padding: 0px;
  }
}

/* style header it */
@namespace xlink "http://www.w3.org/1999/xlink";
[sidebarjs-backdrop] {
  display: none !important;
}

[sidebarjs-container] {
  width: 100% !important;
}

.insurance-container.sidebarjs--right {
  z-index: 99999999;
}

.backdrop {
  position: fixed;
  background: #000;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  will-change: opacity;
  left: 0;
  top: 0;
  width: 1000%;
  height: 1000%;
  display: block;
  z-index: 100;
}

.header-set-a-new-password-modal .content .logon-email {
  font-size: 20px;
  font-weight: 500;
}

.header-update-reset-password-modal .content {
  width: 50% !important;
  padding: 30px 32px 16px 32px !important;
}
.header-update-reset-password-modal .content h2 {
  font-size: 28px !important;
  margin: 0px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-update-reset-password-modal .content {
    height: 90vh !important;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .header-update-reset-password-modal .content form {
    overflow: unset !important;
  }
  .header-update-reset-password-modal .content input[type=submit] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    padding: 6px 32px 8px 32px;
  }
}
.header-update-reset-password-modal .content p.temp-pass-message.update-reset {
  width: 75%;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-update-reset-password-modal .content p.temp-pass-message.update-reset {
    width: 90%;
  }
}
.header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit {
  width: 50% !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit {
    width: 100% !important;
  }
}
.header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .submit {
  width: 100%;
  display: flex;
  justify-content: center;
}
.header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row {
  min-height: unset !important;
}
.header-update-reset-password-modal .content input[autocomplete=off]::-webkit-contacts-auto-fill-button,
.header-update-reset-password-modal .content input[autocomplete=off]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}
.header-update-reset-password-modal .content input[type=text], .header-update-reset-password-modal .content input[type=password], .header-update-reset-password-modal .content .check-psw {
  width: 60% !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-update-reset-password-modal .content input[type=text], .header-update-reset-password-modal .content input[type=password], .header-update-reset-password-modal .content .check-psw {
    width: 90% !important;
  }
}
.header-update-reset-password-modal .content input[type=text].update-psw-email {
  color: #222222 !important;
  background-color: #F6F6F6 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  margin-bottom: 20px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-update-reset-password-modal .content input[type=text].update-psw-email {
    margin-bottom: 5px;
    width: 100% !important;
  }
}
.header-update-reset-password-modal .content .WC_PasswordUpdateForm_FormInput_logonPasswordOld_In_Logon_1, .header-update-reset-password-modal .content .WC_PasswordUpdateForm_FormInput_logonPasswordVerify_In_Logon_1 {
  margin-bottom: 15px;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-set-a-new-password-modal .content {
    height: 100vh !important;
    overflow: scroll;
  }
  .header-set-a-new-password-modal .content input[type=submit] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    border-style: solid;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: 0.5px;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    position: relative;
    border-width: 1px;
    background-color: #557b92;
    padding: 6px 32px 8px 32px;
  }
  .header-set-a-new-password-modal .content form {
    overflow: unset !important;
  }
}

.header-reset-password-modal, .header-reset-password-done-modal, .header-set-a-new-password-modal, .header-update-reset-password-modal {
  position: absolute;
  display: none;
  text-align: left;
  z-index: 100002;
  text-align: center;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal.upper-modal, .header-reset-password-done-modal.upper-modal, .header-set-a-new-password-modal.upper-modal, .header-update-reset-password-modal.upper-modal {
    position: fixed;
    top: 20px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal, .header-reset-password-done-modal, .header-set-a-new-password-modal, .header-update-reset-password-modal {
    top: 0;
  }
  .header-reset-password-modal .container-check .check-psw, .header-reset-password-done-modal .container-check .check-psw, .header-set-a-new-password-modal .container-check .check-psw, .header-update-reset-password-modal .container-check .check-psw {
    width: 90% !important;
  }
}
.header-reset-password-modal .content, .header-reset-password-done-modal .content, .header-set-a-new-password-modal .content, .header-update-reset-password-modal .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  content: "";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8px;
  margin: 0;
  padding: 45px 80px 65px 80px;
  background-color: #ffffff;
  clear: both;
  width: 60% !important;
  height: auto;
  min-height: 410px;
  background-color: #fff;
}
.header-reset-password-modal .content .check-psw, .header-reset-password-done-modal .content .check-psw, .header-set-a-new-password-modal .content .check-psw, .header-update-reset-password-modal .content .check-psw {
  width: 60%;
}
@media only screen and (min-width: 1025px) {
  .header-reset-password-modal .content .check-psw, .header-reset-password-done-modal .content .check-psw, .header-set-a-new-password-modal .content .check-psw, .header-update-reset-password-modal .content .check-psw {
    padding-left: 16px;
  }
}
.header-reset-password-modal .content .check-psw .passwordRequirements, .header-reset-password-done-modal .content .check-psw .passwordRequirements, .header-set-a-new-password-modal .content .check-psw .passwordRequirements, .header-update-reset-password-modal .content .check-psw .passwordRequirements {
  padding-left: 0 !important;
}
.header-reset-password-modal .content .PasswordUpdateFailureResponseMessageDiv, .header-reset-password-done-modal .content .PasswordUpdateFailureResponseMessageDiv, .header-set-a-new-password-modal .content .PasswordUpdateFailureResponseMessageDiv, .header-update-reset-password-modal .content .PasswordUpdateFailureResponseMessageDiv {
  text-align: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #e32118 !important;
  width: 60%;
  letter-spacing: 0.16px;
  margin: 0 !important;
  margin-top: 4px !important;
  font-size: 12px;
  line-height: 16px;
  padding-left: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .PasswordUpdateFailureResponseMessageDiv, .header-reset-password-done-modal .content .PasswordUpdateFailureResponseMessageDiv, .header-set-a-new-password-modal .content .PasswordUpdateFailureResponseMessageDiv, .header-update-reset-password-modal .content .PasswordUpdateFailureResponseMessageDiv {
    width: 100%;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content, .header-reset-password-done-modal .content, .header-set-a-new-password-modal .content, .header-update-reset-password-modal .content {
    width: calc(100vw - 32px) !important;
    padding: 40px 16px 16px 16px !important;
    min-height: 350px !important;
  }
  .header-reset-password-modal .content .ResetPasswordForm input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1, .header-reset-password-done-modal .content .ResetPasswordForm input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1, .header-set-a-new-password-modal .content .ResetPasswordForm input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1, .header-update-reset-password-modal .content .ResetPasswordForm input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1 {
    width: 100% !important;
  }
  .header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword {
    width: 100% !important;
  }
}
.header-reset-password-modal .content input[type=text], .header-reset-password-modal .content input[type=password], .header-reset-password-done-modal .content input[type=text], .header-reset-password-done-modal .content input[type=password], .header-set-a-new-password-modal .content input[type=text], .header-set-a-new-password-modal .content input[type=password], .header-update-reset-password-modal .content input[type=text], .header-update-reset-password-modal .content input[type=password] {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  border: 1px solid #d8d8d8;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.16px;
  color: #767676 !important;
  padding: 12px 16px !important;
  background: #ffffff;
}
.header-reset-password-modal .content input[type=text]::placeholder, .header-reset-password-modal .content input[type=password]::placeholder, .header-reset-password-done-modal .content input[type=text]::placeholder, .header-reset-password-done-modal .content input[type=password]::placeholder, .header-set-a-new-password-modal .content input[type=text]::placeholder, .header-set-a-new-password-modal .content input[type=password]::placeholder, .header-update-reset-password-modal .content input[type=text]::placeholder, .header-update-reset-password-modal .content input[type=password]::placeholder {
  padding-left: 0 !important;
}
.header-reset-password-modal .content input[type=text].error, .header-reset-password-modal .content input[type=text].required, .header-reset-password-modal .content input[type=password].error, .header-reset-password-modal .content input[type=password].required, .header-reset-password-done-modal .content input[type=text].error, .header-reset-password-done-modal .content input[type=text].required, .header-reset-password-done-modal .content input[type=password].error, .header-reset-password-done-modal .content input[type=password].required, .header-set-a-new-password-modal .content input[type=text].error, .header-set-a-new-password-modal .content input[type=text].required, .header-set-a-new-password-modal .content input[type=password].error, .header-set-a-new-password-modal .content input[type=password].required, .header-update-reset-password-modal .content input[type=text].error, .header-update-reset-password-modal .content input[type=text].required, .header-update-reset-password-modal .content input[type=password].error, .header-update-reset-password-modal .content input[type=password].required {
  border-color: #e32118 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.2755 17.0746L13.617 4.37382C13.4433 4.10719 13.2063 3.88758 12.927 3.73464C12.6428 3.57901 12.324 3.49744 12 3.49744C11.676 3.49744 11.3572 3.57901 11.073 3.73464C10.7937 3.88758 10.5567 4.10719 10.383 4.37382L2.72631 17.0717C2.72606 17.0721 2.72581 17.0725 2.72556 17.073C2.59056 17.2985 2.51719 17.5555 2.51281 17.8184C2.50847 18.0789 2.57206 18.336 2.69727 18.5644C2.86117 18.8486 3.09698 19.0847 3.38107 19.2489C3.66769 19.4147 3.99319 19.5013 4.32428 19.5001L4.33001 19.5L19.678 19.5001L19.686 19.5001C20.0149 19.5037 20.339 19.4203 20.6254 19.2586C20.908 19.099 21.1441 18.8687 21.3107 18.5904C21.4382 18.3604 21.5032 18.101 21.4988 17.8379C21.4945 17.5707 21.4187 17.3095 21.2795 17.0813L21.2755 17.0746ZM22.61 19.3401C22.3093 19.8509 21.8791 20.2733 21.3629 20.5648C20.8467 20.8562 20.2628 21.0064 19.67 21.0001H4.33001C3.73333 21.0023 3.14675 20.8462 2.63021 20.5475C2.11367 20.2488 1.68569 19.8183 1.39001 19.3001C1.13426 18.8396 1.00424 18.32 1.01302 17.7934C1.0218 17.2667 1.16906 16.7517 1.44001 16.3001L9.11001 3.58006C9.42015 3.09488 9.84746 2.69558 10.3525 2.419C10.8576 2.14241 11.4242 1.99744 12 1.99744C12.5758 1.99744 13.1424 2.14241 13.6475 2.419C14.1526 2.69558 14.5799 3.09488 14.89 3.58006L22.56 16.3001C22.8384 16.7564 22.9899 17.2788 22.9986 17.8133C23.0074 18.3477 22.8733 18.8748 22.61 19.3401Z' fill='%23E32118'/%3E%3Cpath d='M12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z' fill='%23E32118'/%3E%3Cpath d='M12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9V13C11 13.2652 11.1054 13.5196 11.2929 13.7071C11.4804 13.8946 11.7348 14 12 14C12.2652 14 12.5196 13.8946 12.7071 13.7071C12.8946 13.5196 13 13.2652 13 13V9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8Z' fill='%23E32118'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center right 48px !important;
  background-size: 24px !important;
}
.header-reset-password-modal .content input[type=text].valid, .header-reset-password-modal .content input[type=password].valid, .header-reset-password-done-modal .content input[type=text].valid, .header-reset-password-done-modal .content input[type=password].valid, .header-set-a-new-password-modal .content input[type=text].valid, .header-set-a-new-password-modal .content input[type=password].valid, .header-update-reset-password-modal .content input[type=text].valid, .header-update-reset-password-modal .content input[type=password].valid {
  border-color: #247534;
  background: none !important;
}
.header-reset-password-modal .content input[type=text].focus-visible, .header-reset-password-modal .content input[type=text]:focus, .header-reset-password-modal .content input[type=password].focus-visible, .header-reset-password-modal .content input[type=password]:focus, .header-reset-password-done-modal .content input[type=text].focus-visible, .header-reset-password-done-modal .content input[type=text]:focus, .header-reset-password-done-modal .content input[type=password].focus-visible, .header-reset-password-done-modal .content input[type=password]:focus, .header-set-a-new-password-modal .content input[type=text].focus-visible, .header-set-a-new-password-modal .content input[type=text]:focus, .header-set-a-new-password-modal .content input[type=password].focus-visible, .header-set-a-new-password-modal .content input[type=password]:focus, .header-update-reset-password-modal .content input[type=text].focus-visible, .header-update-reset-password-modal .content input[type=text]:focus, .header-update-reset-password-modal .content input[type=password].focus-visible, .header-update-reset-password-modal .content input[type=password]:focus {
  border-color: #557b92 !important;
}
.header-reset-password-modal .content .logon-email, .header-reset-password-done-modal .content .logon-email, .header-set-a-new-password-modal .content .logon-email, .header-update-reset-password-modal .content .logon-email {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 32px;
  color: #222222;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  width: 100%;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit {
  width: auto;
  margin-top: auto;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit {
    width: 100%;
    padding-top: 0;
  }
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit input[type=button], .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit input[type=button], .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe.submit input[type=button], .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit input[type=button], .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit input[type=button], .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit input[type=button], .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit input[type=button], .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit input[type=button] {
  width: 100%;
  color: #ffffff !important;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password {
  text-align: center;
  color: white !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe.submit .reset-your-password, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe.submit .reset-your-password {
    width: 100%;
  }
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row {
  width: 100%;
  width: 100%;
  min-height: 60px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row {
    margin-bottom: 8px;
  }
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe {
  width: 100%;
  margin: 0;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input {
  width: 60%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe input, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe input {
    width: 100% !important;
  }
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements {
  width: 60%;
  text-align: left;
  padding-left: 16px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
  color: #767676;
  margin-top: 4px;
  order: 1;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements {
    width: 100%;
  }
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #222222;
  margin-left: 0;
  margin-right: 16px;
  width: auto;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .passwordRequirements .passwordRequirementsDetails .passwordRequirementsDetail .icon {
  position: unset !important;
  pointer-events: none;
  margin-right: 6px;
  height: 16px;
  width: 16px;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required {
  text-align: left;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #e32118 !important;
  width: 60%;
  letter-spacing: 0.16px;
  margin: 0 !important;
  margin-top: 4px !important;
  font-size: 12px;
  line-height: 16px;
  padding-left: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required {
    width: 100%;
  }
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password], .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password], .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password], .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password], .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password], .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password], .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password], .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required[for=new-password] {
  order: 2;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required strong, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required strong, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required strong, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required strong, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required strong, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required strong, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe span.required strong, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe span.required strong {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}
.header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon {
  position: absolute;
  right: 22% !important;
  top: 12px !important;
  cursor: pointer;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon, .header-reset-password-done-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-reset-password-done-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon, .header-set-a-new-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-set-a-new-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon, .header-update-reset-password-modal .content .ResetPasswordUpdateSubmitForm .fe-row .fe .icon, .header-update-reset-password-modal .content .UpdatePasswordUpdateSubmitForm .fe-row .fe .icon {
    right: 16px !important;
    top: 16px !important;
  }
}
.header-reset-password-modal .content .temp-pass-message, .header-reset-password-done-modal .content .temp-pass-message, .header-set-a-new-password-modal .content .temp-pass-message, .header-update-reset-password-modal .content .temp-pass-message {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  margin-top: 15px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .temp-pass-message, .header-reset-password-done-modal .content .temp-pass-message, .header-set-a-new-password-modal .content .temp-pass-message, .header-update-reset-password-modal .content .temp-pass-message {
    font-size: 14px;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    line-height: 1.71 !important;
    letter-spacing: 0.5px;
  }
}
.header-reset-password-modal .content .close-reset-password, .header-reset-password-modal .content .close-update-reset-password, .header-reset-password-done-modal .content .close-reset-password, .header-reset-password-done-modal .content .close-update-reset-password, .header-set-a-new-password-modal .content .close-reset-password, .header-set-a-new-password-modal .content .close-update-reset-password, .header-update-reset-password-modal .content .close-reset-password, .header-update-reset-password-modal .content .close-update-reset-password {
  content: "";
  height: 13px;
  width: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.8517 2.07396L15.1169 1.80879L14.8517 1.54363L14.459 1.15085L14.1938 0.885686L13.9286 1.15085L8.00129 7.07818L2.07396 1.15085L1.80879 0.885686L1.54363 1.15085L1.15085 1.54363L0.885686 1.80879L1.15085 2.07396L7.07819 8.00129L1.15085 13.9286L0.885686 14.1938L1.15085 14.459L1.54363 14.8517L1.80879 15.1169L2.07396 14.8517L8.00129 8.9244L13.9286 14.8517L14.1938 15.1169L14.459 14.8517L14.8517 14.459L15.1169 14.1938L14.8517 13.9286L8.9244 8.00129L14.8517 2.07396Z' fill='%23222222' stroke='%23222222' stroke-width='0.75'/%3E%3C/svg%3E");
  background-size: contain;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.header-reset-password-modal .content h2, .header-reset-password-done-modal .content h2, .header-set-a-new-password-modal .content h2, .header-update-reset-password-modal .content h2 {
  text-align: center;
  font-family: "minerva-modern", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 27px;
  text-transform: unset;
  padding-top: 10px;
}
.header-reset-password-modal .content .forgot-message, .header-reset-password-done-modal .content .forgot-message, .header-set-a-new-password-modal .content .forgot-message, .header-update-reset-password-modal .content .forgot-message {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  width: 410px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  margin: 0;
  padding: 20px 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .forgot-message, .header-reset-password-done-modal .content .forgot-message, .header-set-a-new-password-modal .content .forgot-message, .header-update-reset-password-modal .content .forgot-message {
    margin: 0;
    width: 100%;
  }
}
.header-reset-password-modal .content .ResetPasswordFailureResponseMessageDiv, .header-reset-password-done-modal .content .ResetPasswordFailureResponseMessageDiv, .header-set-a-new-password-modal .content .ResetPasswordFailureResponseMessageDiv, .header-update-reset-password-modal .content .ResetPasswordFailureResponseMessageDiv {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordFailureResponseMessageDiv, .header-reset-password-done-modal .content .ResetPasswordFailureResponseMessageDiv, .header-set-a-new-password-modal .content .ResetPasswordFailureResponseMessageDiv, .header-update-reset-password-modal .content .ResetPasswordFailureResponseMessageDiv {
    text-align: center;
    color: #e32118;
    width: 260px;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .button-medium-blue-fill, .header-reset-password-done-modal .content .button-medium-blue-fill, .header-set-a-new-password-modal .content .button-medium-blue-fill, .header-update-reset-password-modal .content .button-medium-blue-fill {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
.header-reset-password-modal .content .ResetPasswordForm, .header-reset-password-done-modal .content .ResetPasswordForm, .header-set-a-new-password-modal .content .ResetPasswordForm, .header-update-reset-password-modal .content .ResetPasswordForm {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  margin: 0;
  height: 100%;
  width: 100%;
}
.header-reset-password-modal .content .ResetPasswordForm .logon-email-container, .header-reset-password-done-modal .content .ResetPasswordForm .logon-email-container, .header-set-a-new-password-modal .content .ResetPasswordForm .logon-email-container, .header-update-reset-password-modal .content .ResetPasswordForm .logon-email-container {
  width: 95%;
  padding: 0 150px;
  text-align: left;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordForm .logon-email-container, .header-reset-password-done-modal .content .ResetPasswordForm .logon-email-container, .header-set-a-new-password-modal .content .ResetPasswordForm .logon-email-container, .header-update-reset-password-modal .content .ResetPasswordForm .logon-email-container {
    padding: 0;
  }
}
.header-reset-password-modal .content .ResetPasswordForm .logon-email-container input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1, .header-reset-password-done-modal .content .ResetPasswordForm .logon-email-container input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1, .header-set-a-new-password-modal .content .ResetPasswordForm .logon-email-container input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1, .header-update-reset-password-modal .content .ResetPasswordForm .logon-email-container input.WC_PasswordResetForm_FormInput_logonId_In_ResetPasswordForm_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin: 0 !important;
  box-sizing: border-box !important;
  width: 100%;
}
.header-reset-password-modal .content .ResetPasswordForm .logon-email-container span, .header-reset-password-done-modal .content .ResetPasswordForm .logon-email-container span, .header-set-a-new-password-modal .content .ResetPasswordForm .logon-email-container span, .header-update-reset-password-modal .content .ResetPasswordForm .logon-email-container span {
  margin: auto;
  text-align: center;
  float: unset;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.16px;
  color: #e32118 !important;
  margin-top: 5px;
  position: relative;
  left: 16px;
}
.header-reset-password-modal .content .ResetPasswordForm .logon-email-container span[generated=true], .header-reset-password-done-modal .content .ResetPasswordForm .logon-email-container span[generated=true], .header-set-a-new-password-modal .content .ResetPasswordForm .logon-email-container span[generated=true], .header-update-reset-password-modal .content .ResetPasswordForm .logon-email-container span[generated=true] {
  display: none !important;
}
.header-reset-password-modal .content .ResetPasswordForm .logon-email-container .icon-error-field, .header-reset-password-done-modal .content .ResetPasswordForm .logon-email-container .icon-error-field, .header-set-a-new-password-modal .content .ResetPasswordForm .logon-email-container .icon-error-field, .header-update-reset-password-modal .content .ResetPasswordForm .logon-email-container .icon-error-field {
  width: 24px;
  height: 24px;
  top: 13px;
  position: absolute;
  left: 74%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordForm .logon-email-container .icon-error-field, .header-reset-password-done-modal .content .ResetPasswordForm .logon-email-container .icon-error-field, .header-set-a-new-password-modal .content .ResetPasswordForm .logon-email-container .icon-error-field, .header-update-reset-password-modal .content .ResetPasswordForm .logon-email-container .icon-error-field {
    left: 85%;
  }
}
.header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: uppercase;
  color: #ffffff !important;
  width: 55%;
  margin-top: auto;
}
.header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword:before, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword:before, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword:before, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover:before, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword:hover:before, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword:hover:before, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover:before {
  border-width: 3px;
}
.header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword:hover, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword:hover, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword {
    font-size: 14px;
  }
}
.header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword:before, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword:before, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword:before, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:before, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword:before {
  border-color: #557b92;
}
.header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword:hover, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword:hover, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover {
  background-color: #192c50;
  border-color: #192c50;
}
.header-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover:before, .header-reset-password-done-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-reset-password-done-modal .content .ResetPasswordForm .setNewPassword:hover:before, .header-set-a-new-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-set-a-new-password-modal .content .ResetPasswordForm .setNewPassword:hover:before, .header-update-reset-password-modal .content .ResetPasswordForm .passwordResetSubmitButton:hover:before, .header-update-reset-password-modal .content .ResetPasswordForm .setNewPassword:hover:before {
  border-color: #192c50;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .temporary-psw, .header-reset-password-done-modal .content .temporary-psw, .header-set-a-new-password-modal .content .temporary-psw, .header-update-reset-password-modal .content .temporary-psw {
    margin: 0 5px 0 2px;
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: 0.14px;
  }
}
.header-reset-password-modal .content .sentTempPasswordText, .header-reset-password-done-modal .content .sentTempPasswordText, .header-set-a-new-password-modal .content .sentTempPasswordText, .header-update-reset-password-modal .content .sentTempPasswordText {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  width: 60%;
  margin: 48px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .sentTempPasswordText, .header-reset-password-done-modal .content .sentTempPasswordText, .header-set-a-new-password-modal .content .sentTempPasswordText, .header-update-reset-password-modal .content .sentTempPasswordText {
    margin: auto;
    width: 100%;
    line-height: 1.71;
    margin: 6px 9px 0 2px;
    padding: 0 7px 0 7px;
  }
}
.header-reset-password-modal .content .sentTempPasswordText a, .header-reset-password-done-modal .content .sentTempPasswordText a, .header-set-a-new-password-modal .content .sentTempPasswordText a, .header-update-reset-password-modal .content .sentTempPasswordText a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  color: #557b92;
  text-decoration: underline;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.header-reset-password-modal .content .sentTempPasswordText .emailId, .header-reset-password-done-modal .content .sentTempPasswordText .emailId, .header-set-a-new-password-modal .content .sentTempPasswordText .emailId, .header-update-reset-password-modal .content .sentTempPasswordText .emailId {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 32px;
  color: #222222;
  margin-bottom: 32px;
  display: block;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .sentTempPasswordText .emailId, .header-reset-password-done-modal .content .sentTempPasswordText .emailId, .header-set-a-new-password-modal .content .sentTempPasswordText .emailId, .header-update-reset-password-modal .content .sentTempPasswordText .emailId {
    margin: 0;
    margin-bottom: 16px;
    padding: 0;
  }
}
.header-reset-password-modal .content .center-align, .header-reset-password-done-modal .content .center-align, .header-set-a-new-password-modal .content .center-align, .header-update-reset-password-modal .content .center-align {
  margin-top: auto;
  width: 100%;
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 40px;
  padding: 6px 32px 8px 32px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.5px;
  border-color: #557b92;
  text-transform: uppercase;
  color: #ffffff !important;
  width: 50%;
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:before, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill:before, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:before, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before {
  border-width: 3px;
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill {
    font-size: 14px;
  }
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:before, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill:before, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:before, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:before {
  border-color: #557b92;
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover {
  background-color: #192c50;
  border-color: #192c50;
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill:hover:before {
  border-color: #192c50;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill {
    width: 100%;
  }
}
.header-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill span, .header-reset-password-done-modal .content .center-align .setNewPassword.button-medium-blue-fill span, .header-set-a-new-password-modal .content .center-align .setNewPassword.button-medium-blue-fill span, .header-update-reset-password-modal .content .center-align .setNewPassword.button-medium-blue-fill span {
  color: #ffffff !important;
}
.header-reset-password-modal .content .setNewPassword, .header-reset-password-done-modal .content .setNewPassword, .header-set-a-new-password-modal .content .setNewPassword, .header-update-reset-password-modal .content .setNewPassword {
  width: 60%;
  margin: auto;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
}
.header-reset-password-modal .content .setNewPassword:hover, .header-reset-password-done-modal .content .setNewPassword:hover, .header-set-a-new-password-modal .content .setNewPassword:hover, .header-update-reset-password-modal .content .setNewPassword:hover {
  color: white !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .setNewPassword, .header-reset-password-done-modal .content .setNewPassword, .header-set-a-new-password-modal .content .setNewPassword, .header-update-reset-password-modal .content .setNewPassword {
    width: 100%;
  }
}
.header-reset-password-modal .content .passwordResetResendButton, .header-reset-password-done-modal .content .passwordResetResendButton, .header-set-a-new-password-modal .content .passwordResetResendButton, .header-update-reset-password-modal .content .passwordResetResendButton {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  color: #222222;
  text-decoration: underline;
  border: none;
  text-align: center;
  background: unset;
  width: 100%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 24px;
  line-height: 1.5;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content .passwordResetResendButton, .header-reset-password-done-modal .content .passwordResetResendButton, .header-set-a-new-password-modal .content .passwordResetResendButton, .header-update-reset-password-modal .content .passwordResetResendButton {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
  }
}
.header-reset-password-modal .content .button-medium-blue-fill, .header-reset-password-done-modal .content .button-medium-blue-fill, .header-set-a-new-password-modal .content .button-medium-blue-fill, .header-update-reset-password-modal .content .button-medium-blue-fill {
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-reset-password-modal .content, .header-reset-password-done-modal .content, .header-set-a-new-password-modal .content, .header-update-reset-password-modal .content {
    border: none;
    content: "";
    position: fixed;
    margin-left: unset;
    padding: 40px 40px 40px 40px;
    background-color: #ffffff;
    max-height: 636px;
    width: 68%;
    overflow: hidden;
  }
}
.header-reset-password-modal form, .header-reset-password-done-modal form, .header-set-a-new-password-modal form, .header-update-reset-password-modal form {
  float: left;
  clear: both;
  margin: 10px 0 0 0;
  position: relative;
}
.header-reset-password-modal form .fe, .header-reset-password-done-modal form .fe, .header-set-a-new-password-modal form .fe, .header-update-reset-password-modal form .fe {
  float: left;
  clear: both;
  width: 325px;
  margin: 6px 0;
  position: relative;
}
.header-reset-password-modal label, .header-reset-password-done-modal label, .header-set-a-new-password-modal label, .header-update-reset-password-modal label {
  font-weight: 700;
  font-family: FuturaBQBook;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #1f1f1f;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.header-reset-password-modal a.button.black-outline.close-reset-password.disabled.inline:hover, .header-reset-password-done-modal a.button.black-outline.close-reset-password.disabled.inline:hover, .header-set-a-new-password-modal a.button.black-outline.close-reset-password.disabled.inline:hover, .header-update-reset-password-modal a.button.black-outline.close-reset-password.disabled.inline:hover {
  color: #1f1f1f !important;
}
.header-reset-password-modal a.button.black-outline.close-update-reset-password.disabled.inline:hover, .header-reset-password-done-modal a.button.black-outline.close-update-reset-password.disabled.inline:hover, .header-set-a-new-password-modal a.button.black-outline.close-update-reset-password.disabled.inline:hover, .header-update-reset-password-modal a.button.black-outline.close-update-reset-password.disabled.inline:hover {
  color: #1f1f1f !important;
}
.header-reset-password-modal .fe.submit .close-reset-cancel-password, .header-reset-password-modal .fe.submit .close-update-reset-cancel-password, .header-reset-password-modal .fe.submit .new-button, .header-reset-password-done-modal .fe.submit .close-reset-cancel-password, .header-reset-password-done-modal .fe.submit .close-update-reset-cancel-password, .header-reset-password-done-modal .fe.submit .new-button, .header-set-a-new-password-modal .fe.submit .close-reset-cancel-password, .header-set-a-new-password-modal .fe.submit .close-update-reset-cancel-password, .header-set-a-new-password-modal .fe.submit .new-button, .header-update-reset-password-modal .fe.submit .close-reset-cancel-password, .header-update-reset-password-modal .fe.submit .close-update-reset-cancel-password, .header-update-reset-password-modal .fe.submit .new-button {
  width: 140px !important;
  height: 40px;
}
.header-reset-password-modal .fe.submit .close-reset-cancel-password .rounded-button, .header-reset-password-modal .fe.submit .close-update-reset-cancel-password .rounded-button, .header-reset-password-modal .fe.submit .new-button .rounded-button, .header-reset-password-done-modal .fe.submit .close-reset-cancel-password .rounded-button, .header-reset-password-done-modal .fe.submit .close-update-reset-cancel-password .rounded-button, .header-reset-password-done-modal .fe.submit .new-button .rounded-button, .header-set-a-new-password-modal .fe.submit .close-reset-cancel-password .rounded-button, .header-set-a-new-password-modal .fe.submit .close-update-reset-cancel-password .rounded-button, .header-set-a-new-password-modal .fe.submit .new-button .rounded-button, .header-update-reset-password-modal .fe.submit .close-reset-cancel-password .rounded-button, .header-update-reset-password-modal .fe.submit .close-update-reset-cancel-password .rounded-button, .header-update-reset-password-modal .fe.submit .new-button .rounded-button {
  background-color: transparent;
  margin-top: -5px !important;
}
.header-reset-password-modal .fe.submit .new-button, .header-reset-password-done-modal .fe.submit .new-button, .header-set-a-new-password-modal .fe.submit .new-button, .header-update-reset-password-modal .fe.submit .new-button {
  margin-top: -4px;
}

#topBannerUI_Skeleton {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}

.header-top-navigation {
  min-height: 36px;
  height: 36px;
  background-color: #f6f6f6;
}
.header-top-navigation.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.header-top-navigation a {
  text-decoration: underline;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-top-navigation {
    height: 30px;
    z-index: 1000;
    position: relative;
  }
}
.header-top-navigation div:not(.wishlist-counter) {
  height: 100%;
}
.header-top-navigation .header_banner_link {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  color: #557b92;
  font-size: 16px;
}
.header-top-navigation #top_header_carousel {
  font-size: 14px;
  color: #222222;
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
}
.header-top-navigation #top_header_carousel a {
  font-size: 14px !important;
}
.header-top-navigation #top_header_carousel .slick-prev::before {
  height: 8px;
  width: 8px;
}
.header-top-navigation #top_header_carousel .slick-next::before {
  height: 8px;
  width: 8px;
}
.header-top-navigation .left {
  text-align: left;
  padding-left: 64px;
}
.header-top-navigation .right {
  text-align: right;
  padding-right: 64px;
}
@media (max-width: 1085px) and (min-width: 1002px) {
  .header-top-navigation .right {
    padding-right: 0px;
  }
}
.header-top-navigation .center {
  text-align: center;
}
.header-top-navigation .skeleton-banner-first-layer {
  display: flex;
  width: 100%;
  height: 36px;
  padding: 0px 64px;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-top-navigation .skeleton-banner-first-layer {
    padding: 0px;
  }
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-circle,
.header-top-navigation .skeleton-banner-first-layer .skeleton-bar,
.header-top-navigation .skeleton-banner-first-layer .skeleton-bar-large,
.header-top-navigation .skeleton-banner-first-layer .skeleton-bar-arrow {
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  background: linear-gradient(50deg, #ececec 8%, white, #ececec 33%);
  background-size: 200% 100%;
  animation: 1.5s skeleton-loading linear infinite;
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-column {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header-top-navigation .skeleton-banner-first-layer .skeleton-column {
    display: none;
  }
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-column .skeleton-column-section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-column .skeleton-column-section .skeleton-circle {
  width: 20px;
  height: 20px;
  border-radius: 100px;
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-column .skeleton-column-section .skeleton-bar {
  width: 75px;
  height: 9px;
  border-radius: 100px;
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-center {
  display: flex;
  width: 100%;
  max-width: 440px;
  padding: 8px 16px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header-top-navigation .skeleton-banner-first-layer .skeleton-center {
    max-width: unset;
  }
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-center .skeleton-bar-large {
  width: 200px;
  height: 16px;
  border-radius: 4px;
}
.header-top-navigation .skeleton-banner-first-layer .skeleton-center .skeleton-bar-arrow {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  border-radius: 100px;
}

@keyframes skeleton-loading {
  to {
    background-position-x: -200%;
  }
}
.carousel-section {
  margin-bottom: 6rem !important;
  /*
  TODO - conflict HP carousel
  .swiper-container{
      height:398px;
      overflow: hidden;
      .swiper-wrapper{

          .inactive{
              display: none;
          }
          .slick-cloned{
              //display:none;
          }
          .swiper-slide{
              flex-shrink: 0;
              position: relative;

              .product-card{
                  @include sofia-pro_font(normal);
                  display: flex;
                  align-items: center;
                  width:304px;
                  a{
                      width:100%;
                  }
                  a:active, a:hover, a:link, a:visited{
                      color: #333;
                      text-decoration: none;
                  }
                  .multi-angle-image {
                      background-color: #F6F6F6;
                      padding: 24px 0px 48px 0px;
                      text-align: center;
                      height:318px;
                      width:304px;
                      img{
                          width: 304px;
                      }
                          &:hover img:nth-child(2) {
                              opacity: 1;
                              background: #F6F6F6;
                          }
                          img:nth-child(2) {
                              position: absolute;
                              top: 25px;
                              opacity: 0;
                              -webkit-transition: opacity .2s ease-out;
                              transition: opacity .2s ease-out;
                              display: block;
                          }
                  }
                  .product-card__title{
                      font-size: 14px;
                      color: $black;
                  }
                  .product-name{
                        font-size: 12px;
                        color: $dark-gray;
                        margin-top: -10px;
                  }
                  .product-price{
                      font-size: 14px;
                      color: $black;
                      margin-top: -7px;
                  }
                  .colors-label{
                      font-size: 14px;
                      color: $black;
                    }
             } 
          }
      }
  }*/
}
.carousel-section .carousel-title-container {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
}
.carousel-section .carousel-title-container .section__title {
  font-weight: normal;
}
.carousel-section .carousel-title-container .section__title .titleItems {
  font-size: 32px;
  border-top: 2px solid #d8d8d8;
  padding-top: 64px;
  margin: 0px 16px;
}
.carousel-section .carousel-title-container .section__title .titleItems .row div:first-child {
  font-family: "minerva-modern", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  margin-bottom: 20px;
}
.carousel-section .carousel-title-container .section__title .titleItems .row div:nth-child(2) {
  order: 0;
  text-align: center;
}
.carousel-section .carousel-title-container .section__title .titleItems .row div:last-child {
  text-align: right;
}
@media only screen and (max-width: 415px) {
  .carousel-section .carousel-title-container .section__title .titleItems {
    letter-spacing: normal;
  }
  .carousel-section .carousel-title-container .section__title .titleItems .row div:first-child {
    font-family: "minerva-modern", sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
  }
  .carousel-section .carousel-title-container .section__title .titleItems .row div:nth-child(2) {
    order: 1;
    text-align: center;
    border-top: 2px solid #f6f6f6;
    margin: 24px 16px;
    padding-top: 24px;
  }
  .carousel-section .carousel-title-container .section__title .titleItems .row div:last-child {
    text-align: right;
  }
}
.carousel-section .carousel-title-container .section__title .titleItems .carousel-filter {
  color: #767676;
  font-size: 14px;
}
.carousel-section .carousel-title-container .section__title .titleItems .carousel-filter .active {
  color: #222222;
  font-weight: 700;
  font-size: 16px;
}
.carousel-section .carousel-title-container .section__title .titleItems .carousel-filter span {
  cursor: pointer;
}
.carousel-section .carousel-title-container .section__title .titleItems .carousel-filter span:hover {
  color: #222222;
  font-weight: 700;
}
.carousel-section .carousel-title-container .section__title .titleItems .view-all-title {
  font-size: 16px;
  font-weight: 700;
  color: #222222;
}

#header-sticky-wrapper {
  transition: top 0.6s cubic-bezier(0.6, 0, 0.35, 0.98);
  background-color: white;
}
#header-sticky-wrapper.sticky.nav-up {
  z-index: 12;
  top: -160px;
}
#header-sticky-wrapper.sticky.nav-down {
  top: 0;
  z-index: 13;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #header-sticky-wrapper.sticky.nav-down .nav-links {
    height: calc(100vh - 50px);
    top: 50px;
  }
}
#header-sticky-wrapper.sticky.nav-down .nav-links .nav-link li.active {
  height: calc(100vh - 71px);
}

/* this is attached to all elements with class sticky EXCEPT #header-sticky-wrapper when header inversion scroll is activated */
.stickable {
  transition: top 0.6s cubic-bezier(0.6, 0, 0.35, 0.98);
}

.stickable.sticky-header {
  top: 0;
}

.stickable.sticky-header.top-auto {
  top: auto;
}

.sticky.sticky-header {
  top: 103px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .sticky.sticky-header {
    top: 89px !important;
  }
}

.sticky {
  z-index: 12;
}

.header_wrapper_container .blur-base {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.2s ease-in-out, background 0.2s ease-in-out;
  z-index: 9999;
  pointer-events: none;
}
.header_wrapper_container .blur-base.blur-body {
  display: none;
  pointer-events: auto;
  user-select: none;
  backdrop-filter: blur(10px);
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  -webkit-user-select: none;
  -webkit-backdrop-filter: blur(10px);
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .blur-base.blur-body {
    z-index: 1004;
    top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .header_wrapper_container .blur-base.blur-body {
    z-index: 998;
    top: 120px;
  }
}
@media screen and (min-width: 0px) and (max-width: 759px) {
  .header_wrapper_container .blur-base.blur-body {
    display: none !important;
  }
}
.header_wrapper_container .header-menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  border-bottom: 1px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
  /* header custom scrollbar plugin customization */
  /* SCROLLBAR */
}
.header_wrapper_container .header-menu.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  height: 77px;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu.row {
    max-width: 100vw;
    width: 100vw;
    min-width: 100vw;
  }
}
@media screen and (min-width: 1280px) {
  .header_wrapper_container .header-menu {
    padding: 16px 64px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_wrapper_container .header-menu:not(:has(#navIconsIdentifier))::after {
    content: "";
    width: 140px;
    height: 43px;
  }
}
@media only screen and (min-width: 1024px) {
  .header_wrapper_container .header-menu:has(.link-opened) ~ #blurBaseId {
    display: block;
  }
}
@media only screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu:has(.nav-links.opened) ~ #blurBaseId, .header_wrapper_container .header-menu:has(.nav-links.link-opened) ~ #blurBaseId {
    display: block;
  }
}
.header_wrapper_container .header-menu .mCSB_scrollTools {
  padding-right: 32px !important;
  z-index: 99;
  visibility: hidden;
}
.header_wrapper_container .header-menu .mCSB_buttonUp,
.header_wrapper_container .header-menu .mCSB_buttonDown {
  width: 32px;
  height: 32px;
  margin-left: 6px;
  background-position: -96px -72px;
}
.header_wrapper_container .header-menu .mCSB_buttonDown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background-color: #f0eae2 !important;
  background-image: none !important;
  background-position: unset !important;
  opacity: 1 !important;
  margin-left: 0;
}
.header_wrapper_container .header-menu .mCSB_buttonDown::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDkgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC43MDcxMSAwLjI5Mjg5M0M4LjMxNjU4IC0wLjA5NzYzMTIgNy42ODM0MiAtMC4wOTc2MzEyIDcuMjkyODkgMC4yOTI4OTNMMC4yOTI4OTMgNy4yOTI4OUMtMC4wOTc2MzIxIDcuNjgzNDIgLTAuMDk3NjMyMiA4LjMxNjU4IDAuMjkyODkzIDguNzA3MTFMNy4yOTI4OSAxNS43MDcxQzcuNjgzNDIgMTYuMDk3NiA4LjMxNjU4IDE2LjA5NzYgOC43MDcxMSAxNS43MDcxQzkuMDk3NjMgMTUuMzE2NiA5LjA5NzYzIDE0LjY4MzQgOC43MDcxMSAxNC4yOTI5TDIuNDE0MjEgOEw4LjcwNzExIDEuNzA3MTFDOS4wOTc2MyAxLjMxNjU4IDkuMDk3NjMgMC42ODM0MTggOC43MDcxMSAwLjI5Mjg5M1oiIGZpbGw9IiMyMjIyMjIiLz4KPC9zdmc+Cg==");
  position: relative;
  display: block;
  transform: scale(0.9) rotate(270deg);
  margin-left: 4px;
  margin-top: -1px;
}
.header_wrapper_container .header-menu .mCSB_dragger_bar {
  background-color: #767676 !important;
  border-radius: 0 !important;
}
.header_wrapper_container .header-menu .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #d8d8d8 !important;
  border-radius: 0 !important;
  width: 4px !important;
}
.header_wrapper_container .header-menu .mCSB_buttonUp {
  display: none !important;
}
.header_wrapper_container .header-menu .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 0 54px 0 !important;
  opacity: 1 !important;
}
.header_wrapper_container .header-menu ::-webkit-scrollbar {
  width: 4px;
}
.header_wrapper_container .header-menu ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white;
  border-radius: 100px;
  background: #B0B0B0;
}
.header_wrapper_container .header-menu ::-webkit-scrollbar-thumb {
  background: #557B92;
  border-radius: 100px;
}
.header_wrapper_container .header-menu ::-webkit-scrollbar-button {
  height: 30px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu.row {
    width: 100%;
    height: 56px;
  }
}
.header_wrapper_container .header-menu .common-section {
  width: fit-content;
  cursor: pointer;
  z-index: 1000;
}
@media only screen and (min-width: 1024px) and (max-width: 1170px) {
  .header_wrapper_container .header-menu .common-section {
    width: 170px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section {
    width: 100%;
    height: auto;
    height: 56px;
    display: flex;
    padding: 16px;
    justify-content: space-between;
  }
  .header_wrapper_container .header-menu .common-section.opened {
    background: var(--Base-White, #FFF);
    z-index: 1006;
    border-bottom: 1px solid #d8d8d8;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section.opened {
    z-index: 1003;
  }
}
.header_wrapper_container .header-menu .common-section .logo-container {
  height: fit-content;
  align-items: center;
  padding-left: 0px;
  margin-top: 8px;
  /*@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
      height: auto;

      a {
          display: flex;
          height: 24px;
          align-items: center;

          svg {
              height: 48px;
              width: 175px;
          }
      }
  }*/
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section .logo-container {
    padding-left: 0;
    height: 24px;
    margin-top: 0;
  }
}
.header_wrapper_container .header-menu .common-section .logo-container a {
  display: flex;
  height: 100%;
  align-items: center;
  /* @media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px){
      width: 48px;
      height: 26px;
      padding-left: 42px;
  } */
}
.header_wrapper_container .header-menu .common-section .logo-container a svg {
  width: 100%;
  max-width: 176px;
  height: 25px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section .logo-container a svg {
    width: 100%;
    height: 100%;
    margin-left: -5px;
  }
}
.header_wrapper_container .header-menu .common-section .logo-container-mobile a {
  line-height: 24px;
}
.header_wrapper_container .header-menu .common-section .logo-container-mobile a svg {
  width: 128px;
  height: 16px;
}
@media screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .common-section .logo-container-mobile {
    display: none;
  }
}
.header_wrapper_container .header-menu .common-section .logo-container-40 {
  height: 70px;
  align-items: center;
  padding-left: 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section .logo-container-40 {
    padding-left: 0;
  }
}
.header_wrapper_container .header-menu .common-section .logo-container-40 a {
  display: flex;
  height: 100%;
  align-items: center;
  /* @media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px){
      width: 48px;
      height: 26px;
      padding-left: 42px;
  } */
}
.header_wrapper_container .header-menu .common-section .logo-container-40 a svg {
  height: 31.65px;
  width: 168.19px;
  margin-top: -5px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section .logo-container-40 a svg {
    height: 20px;
    margin-left: -5px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section .logo-container-40 {
    height: 48px;
  }
  .header_wrapper_container .header-menu .common-section .logo-container-40 a {
    display: flex;
    height: 100%;
    align-items: center;
  }
  .header_wrapper_container .header-menu .common-section .logo-container-40 a svg {
    height: 30.57px;
    width: 162.45px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 104px;
  }
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon a {
    width: 36px;
    height: 32px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background: white;
    color: #000;
    transition: transform 0.1s ease-in-out, background 0.2s;
    border-radius: 30px;
    cursor: pointer;
  }
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon a > div {
    position: absolute;
    bottom: 0.5em;
    right: 0px;
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    background-color: #557b92;
    border-radius: 100px;
    color: #ffffff;
    font-size: 8px;
    min-width: 11px;
    height: 11px;
    line-height: 10px;
    padding: 0px 4px;
  }
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon a.pressed {
    background: var(--Base-Other-Color-2, #E7EEF0) !important;
    transform: scale(0.95);
  }
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon #mobile-menu-opener {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    right: 10px;
    width: 36px;
    background: white;
    transition: transform 0.1s ease-in-out, background 0.2s;
    height: 32px;
    border-radius: 30px;
    cursor: pointer;
  }
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon #mobile-menu-opener.pressed {
    background: var(--Base-Other-Color-2, #E7EEF0) !important;
    transform: scale(0.95);
  }
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon #mobile-menu-opener svg {
    transition: display 1s ease;
    width: 20px;
    height: 20px;
    margin-top: -1px;
  }
  .header_wrapper_container .header-menu .common-section .menu-mobile-icon #mobile-menu-opener svg:nth-child(2) {
    width: 48px;
    height: 20px;
    padding-top: 5px;
    margin-top: -4px;
  }
}
.header_wrapper_container .header-menu .nav-links {
  width: auto;
  display: flex;
  gap: 24px;
  align-self: center;
  margin: auto 0;
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links {
    display: flex;
  }
}
@media (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links:not(.link-opened):not(.opened) {
    align-items: center;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .header_wrapper_container .header-menu .nav-links {
    width: 75%;
    flex-wrap: nowrap;
    gap: 2%;
    padding: 0 0px;
    justify-content: center;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  .header_wrapper_container .header-menu .nav-links {
    max-width: 818px;
    width: 100%;
    align-self: center;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 24px;
    padding: 0 20px;
  }
}
@media (min-width: 1440px) {
  .header_wrapper_container .header-menu .nav-links {
    align-self: center;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    max-width: 960px;
    width: 100%;
    flex: 1 0 0;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1170px) {
  .header_wrapper_container .header-menu .nav-links {
    width: 100%;
    max-width: 666px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links {
    position: fixed;
    visibility: visible;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0, 0.52, 0, 1);
    z-index: 9;
    background-color: #ffffff;
    width: 100%;
    top: 81px;
    height: calc(100vh - 80px);
  }
  .header_wrapper_container .header-menu .nav-links.opened, .header_wrapper_container .header-menu .nav-links.link-opened {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 84px;
    transform: translate3d(0, 0, 0);
    transition: transform 0.5s cubic-bezier(0, 0.52, 0, 1);
    overflow-y: auto;
    z-index: 1005 !important;
    padding-top: 16px;
  }
  @supports (-webkit-touch-callout: none) {
    @media only screen and (max-width: 415px) and (max-width: 376px), only screen and (min-width: 416px) and (max-width: 1024px) and (max-width: 376px) {
      .header_wrapper_container .header-menu .nav-links.opened, .header_wrapper_container .header-menu .nav-links.link-opened {
        max-height: calc(100vh - 150px);
      }
    }
  }
  .header_wrapper_container .header-menu .nav-links.opened::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links.link-opened::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 415px) and (min-width: 1024px) and (max-width: 1170px), only screen and (min-width: 416px) and (max-width: 1024px) and (min-width: 1024px) and (max-width: 1170px) {
  .header_wrapper_container .header-menu .nav-links.opened, .header_wrapper_container .header-menu .nav-links.link-opened {
    gap: 16px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links.link-opened {
    overflow-y: hidden;
  }
  .header_wrapper_container .header-menu .nav-links.headerClosed:not(.link-opened) {
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0, 0.52, 0, 1);
    will-change: transform;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links {
    width: 100%;
    max-width: 375px;
    flex-direction: column;
    right: 0;
    height: 120vh !important;
    top: -30px !important;
  }
  .header_wrapper_container .header-menu .nav-links.opened, .header_wrapper_container .header-menu .nav-links.link-opened {
    z-index: 1005 !important;
    gap: 24px;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search {
    padding: 0 !important;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a svg, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container a svg, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a svg, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container a svg {
    height: 16px !important;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container {
    background: var(--Base-White, #FFF);
    box-shadow: 0px 0px 2.945px 0px rgba(40, 41, 61, 0.08), 0px 1.473px 5.891px 0px rgba(96, 97, 112, 0.16);
    padding: 16px 16px;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40.open, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container.open, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40.open, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container.open, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40.open, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container.open, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40.open, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container.open {
    display: block !important;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40 a, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40 a, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container a, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40 a, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40 a, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container a {
    width: fit-content;
    height: 16px !important;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40 a svg, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a svg, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40 a svg, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container a svg, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40 a svg, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a svg, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container-40 a svg, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search .logo-container a svg {
    height: 16px !important;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm {
    position: relative;
    padding: 0 16px;
    top: 0;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
    padding-left: 16px;
    top: 12px !important;
  }
  .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset, .header_wrapper_container .header-menu .nav-links.opened #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset, .header_wrapper_container .header-menu .nav-links.link-opened #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    top: 12px;
    right: 16px;
  }
}
@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links {
    top: 104px;
    height: calc(100% - 80px);
  }
}
@media screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links.link-opened:not(.search-open) #header_search_wrapper {
    display: none !important;
  }
  .header_wrapper_container .header-menu .nav-links.search-open #header_search_wrapper {
    display: block !important;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper {
  margin-left: auto;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper:not(.open) .header_search_results_wrapper {
  display: none !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper {
    display: flex;
    order: -1;
    top: 0;
    background: white;
    flex-direction: column;
    top: 8px;
  }
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open {
    position: relative !important;
    height: auto !important;
    top: 8px !important;
    left: auto !important;
    overflow-x: visible;
    overflow-y: visible;
    display: block !important;
    overscroll-behavior: none;
    -webkit-overflow-scrolling: touch; /* Disables bounce-back effect */
  }
}
@media screen and (max-width: 1024px) and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open {
    top: 13px !important;
  }
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container {
    position: relative !important;
    left: auto !important;
    margin-left: 0;
    top: auto !important;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container.sticky-header {
    position: sticky;
    z-index: 4;
    background-color: white;
    top: 0px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search {
    position: relative;
    padding: 16px;
    padding-bottom: 0;
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search {
    background-color: #ffffff;
  }
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .logo-container,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40 {
    height: 48px;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    /*@media screen and (max-width: $break-tablet-min) {
        z-index: 5;
        background-color: $white;
        visibility:hidden;
        a {
            svg {
                //height: 45.57px;
                width: 170.45px;
            }
        }
    }*/
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40 a {
    display: flex;
    height: 100%;
    align-items: center;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .logo-container a svg,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .logo-container-40 a svg {
    height: 30.57px;
    width: 162.45px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input {
    display: flex;
    border-radius: 24px;
    height: 40px;
    font-size: 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
    top: 92px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
    top: 28px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
    padding-left: 16px;
  }
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit svg {
    height: 16px;
    width: 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    padding: 0px;
    width: 16px;
    top: 92px;
    right: 32px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    top: 28px;
    right: 28px;
  }
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm input::placeholder {
    color: #767676;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search a.CloseHeader {
    position: absolute;
    right: 16px;
    top: 23px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search a.CloseHeader {
    top: 14px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search a.CloseHeader {
    z-index: 5;
    visibility: hidden;
  }
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search a.CloseHeader svg {
    height: 16px;
    width: 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container a.header_microphone_icon_start {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOSAxMFYxMkMxOSAxNS44NjYgMTUuODY2IDE5IDEyIDE5TTUgMTBWMTJDNSAxNS44NjYgOC4xMzQwMSAxOSAxMiAxOU0xMiAxOVYyMk04IDIySDE2TTEyIDE1QzEwLjM0MzEgMTUgOSAxMy42NTY5IDkgMTJWNUM5IDMuMzQzMTUgMTAuMzQzMSAyIDEyIDJDMTMuNjU2OSAyIDE1IDMuMzQzMTUgMTUgNVYxMkMxNSAxMy42NTY5IDEzLjY1NjkgMTUgMTIgMTVaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
    position: relative;
    width: 20px;
    display: block;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    /* bottom: 50px; */
    float: right;
    bottom: 29px;
    right: 38px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container a.header_microphone_icon_stop {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgo8ZGVmcz4KPC9kZWZzPgo8ZyBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDA7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IG5vbmU7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NTkzNDA2NTkzNDAxNiAxLjQwNjU5MzQwNjU5MzQwMTYpIHNjYWxlKDIuODEgMi44MSkiID4KCTxwYXRoIGQ9Ik0gNzAuMjE5IDAuMjUzIGMgLTAuOTYzIC0wLjUzOCAtMi4xODMgLTAuMTkxIC0yLjcyMSAwLjc3MyBsIC03LjE5IDEyLjg5NyBDIDU5LjU3IDYuMTI0IDUyLjk4OSAwIDQ1IDAgYyAtOC40ODEgMCAtMTUuMzgyIDYuOSAtMTUuMzgyIDE1LjM4MiB2IDI5LjA0NCBjIDAgNS4xMiAyLjQ5NyA5LjgwMiA2LjYzMSAxMi42NTIgbCAtNC4zMSA3LjczMiBjIC01LjcwNiAtNC4xNTkgLTkuMTgzIC0xMC44NzMgLTkuMTgzIC0xNy45OTIgdiAtNi41MDUgYyAwIC0xLjEwNCAtMC44OTYgLTIgLTIgLTIgcyAtMiAwLjg5NiAtMiAyIHYgNi41MDUgYyAwIDguNTYyIDQuMjU3IDE2LjYzMiAxMS4yMjEgMjEuNTEzIEwgMTkuNTUzIDg3LjAyNiBjIC0wLjUzOCAwLjk2NSAtMC4xOTEgMi4xODMgMC43NzMgMi43MjEgQyAyMC42MzQgODkuOTE5IDIwLjk2OCA5MCAyMS4yOTggOTAgYyAwLjcwMiAwIDEuMzgzIC0wLjM3IDEuNzQ5IC0xLjAyNiBsIDQ3Ljk0NSAtODYgQyA3MS41MyAyLjAwOSA3MS4xODQgMC43OTEgNzAuMjE5IDAuMjUzIHogTSAzMy42MTggNDQuNDI2IFYgMTUuMzgyIEMgMzMuNjE4IDkuMTA2IDM4LjcyNCA0IDQ1IDQgYyA2LjI3NiAwIDExLjM4MiA1LjEwNiAxMS4zODIgMTEuMzgyIHYgNS41ODMgTCAzOC4yMTYgNTMuNTQ5IEMgMzUuMzQ5IDUxLjQyMiAzMy42MTggNDguMDgxIDMzLjYxOCA0NC40MjYgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMCwwLDApOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgoJPHBhdGggZD0iTSA2OS4yNDUgMzguMzEyIGMgLTEuMTA0IDAgLTIgMC44OTYgLTIgMiB2IDYuNTA1IGMgMCAxMi4yNjYgLTkuOTc5IDIyLjI0NCAtMjIuMjQ1IDIyLjI0NCBjIC0yLjEgMCAtNC4xNzggLTAuMjkyIC02LjE3NiAtMC44NjcgYyAtMS4wNiAtMC4zMDggLTIuMTY5IDAuMzA4IC0yLjQ3NSAxLjM2OCBjIC0wLjMwNiAxLjA2MiAwLjMwNyAyLjE3IDEuMzY5IDIuNDc2IGMgMS43MjEgMC40OTUgMy40OTEgMC44MDggNS4yODMgMC45NDMgViA4NiBoIC05LjEyNiBjIC0xLjEwNCAwIC0yIDAuODk2IC0yIDIgcyAwLjg5NiAyIDIgMiBoIDIyLjI1MiBjIDEuMTA0IDAgMiAtMC44OTYgMiAtMiBzIC0wLjg5NiAtMiAtMiAtMiBIIDQ3IFYgNzIuOTc4IGMgMTMuNTQgLTEuMDI2IDI0LjI0NSAtMTIuMzYzIDI0LjI0NSAtMjYuMTYgdiAtNi41MDUgQyA3MS4yNDUgMzkuMjA4IDcwLjM1IDM4LjMxMiA2OS4yNDUgMzguMzEyIHoiIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDAsMCwwKTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDEgMCAwIDEgMCAwKSAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KCTxwYXRoIGQ9Ik0gNTYuMzgyIDM0LjA0MSB2IDEwLjM4NSBjIDAgNi4xNTIgLTUuMDAyIDExLjI1NiAtMTEuMTQ5IDExLjM3OSBjIC0xLjEwNCAwLjAyMiAtMS45ODEgMC45MzYgLTEuOTU5IDIuMDQgYyAwLjAyMiAxLjA5MSAwLjkxMyAxLjk2IDEuOTk5IDEuOTYgYyAwLjAxNCAwIDAuMDI3IDAgMC4wNDEgMCBjIDguMzEgLTAuMTY3IDE1LjA2OSAtNy4wNjUgMTUuMDY5IC0xNS4zNzkgViAzNC4wNDEgYyAwIC0xLjEwNCAtMC44OTYgLTIgLTIgLTIgUyA1Ni4zODIgMzIuOTM3IDU2LjM4MiAzNC4wNDEgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMCwwLDApOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L2c+Cjwvc3ZnPg==);
    position: relative;
    width: 20px;
    display: block;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    /* bottom: 50px; */
    float: right;
    bottom: 29px;
    right: 38px;
    display: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container a.header_magnifier_icon {
    height: 56px;
    padding-top: 0;
    width: 36px;
    pointer-events: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container a.header_magnifier_icon svg {
    width: 26px;
    height: 26px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 760px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search {
    padding: 0 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search .logo-container,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search .logo-container-40,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search .CloseHeader {
    display: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm {
    position: sticky;
    padding: 0;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    top: 13px;
    padding-left: 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    right: 13px;
  }
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile.open .logo-container {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper #header-search .logo-container.open,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper #header-search .logo-container-40.open {
    display: none !important;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) {
  position: relative !important;
  height: auto !important;
  top: 8px !important;
  left: auto !important;
  overflow-x: visible;
  overflow-y: visible;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: touch; /* Disables bounce-back effect */
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) {
    top: 13px !important;
  }
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) {
    display: block !important;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container {
  position: relative !important;
  left: auto !important;
  margin-left: 0;
  top: auto !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container.sticky-header {
  position: sticky;
  z-index: 4;
  background-color: white;
  top: 0px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search {
  position: relative;
  padding: 16px;
  padding-bottom: 0;
  flex-direction: column;
  align-items: start;
  gap: 16px;
}
@media screen and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search {
    background-color: #ffffff;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search .logo-container,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search .logo-container-40 {
  height: 48px;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  /*@media screen and (max-width: $break-tablet-min) {
      z-index: 5;
      background-color: $white;
      visibility:hidden;
      a {
          svg {
              //height: 45.57px;
              width: 170.45px;
          }
      }
  }*/
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search .logo-container a,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search .logo-container-40 a {
  display: flex;
  height: 100%;
  align-items: center;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search .logo-container a svg,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search .logo-container-40 a svg {
  height: 30.57px;
  width: 162.45px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input {
  display: flex;
  border-radius: 24px;
  height: 40px;
  font-size: 16px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
  top: 92px;
}
@media screen and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
    top: 28px;
  }
}
@media screen and (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
    padding-left: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit svg {
  height: 16px;
  width: 16px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
  padding: 0px;
  width: 16px;
  top: 92px;
  right: 32px;
}
@media screen and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    top: 28px;
    right: 28px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm input::placeholder {
  color: #767676;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search a.CloseHeader {
  position: absolute;
  right: 16px;
  top: 23px;
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search a.CloseHeader {
    top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search a.CloseHeader {
    z-index: 5;
    visibility: hidden;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #header-search a.CloseHeader svg {
  height: 16px;
  width: 16px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container a.header_microphone_icon_start {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xOSAxMFYxMkMxOSAxNS44NjYgMTUuODY2IDE5IDEyIDE5TTUgMTBWMTJDNSAxNS44NjYgOC4xMzQwMSAxOSAxMiAxOU0xMiAxOVYyMk04IDIySDE2TTEyIDE1QzEwLjM0MzEgMTUgOSAxMy42NTY5IDkgMTJWNUM5IDMuMzQzMTUgMTAuMzQzMSAyIDEyIDJDMTMuNjU2OSAyIDE1IDMuMzQzMTUgMTUgNVYxMkMxNSAxMy42NTY5IDEzLjY1NjkgMTUgMTIgMTVaIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
  position: relative;
  width: 20px;
  display: block;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  /* bottom: 50px; */
  float: right;
  bottom: 29px;
  right: 38px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container a.header_microphone_icon_stop {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgo8ZGVmcz4KPC9kZWZzPgo8ZyBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDA7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IG5vbmU7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuNDA2NTkzNDA2NTkzNDAxNiAxLjQwNjU5MzQwNjU5MzQwMTYpIHNjYWxlKDIuODEgMi44MSkiID4KCTxwYXRoIGQ9Ik0gNzAuMjE5IDAuMjUzIGMgLTAuOTYzIC0wLjUzOCAtMi4xODMgLTAuMTkxIC0yLjcyMSAwLjc3MyBsIC03LjE5IDEyLjg5NyBDIDU5LjU3IDYuMTI0IDUyLjk4OSAwIDQ1IDAgYyAtOC40ODEgMCAtMTUuMzgyIDYuOSAtMTUuMzgyIDE1LjM4MiB2IDI5LjA0NCBjIDAgNS4xMiAyLjQ5NyA5LjgwMiA2LjYzMSAxMi42NTIgbCAtNC4zMSA3LjczMiBjIC01LjcwNiAtNC4xNTkgLTkuMTgzIC0xMC44NzMgLTkuMTgzIC0xNy45OTIgdiAtNi41MDUgYyAwIC0xLjEwNCAtMC44OTYgLTIgLTIgLTIgcyAtMiAwLjg5NiAtMiAyIHYgNi41MDUgYyAwIDguNTYyIDQuMjU3IDE2LjYzMiAxMS4yMjEgMjEuNTEzIEwgMTkuNTUzIDg3LjAyNiBjIC0wLjUzOCAwLjk2NSAtMC4xOTEgMi4xODMgMC43NzMgMi43MjEgQyAyMC42MzQgODkuOTE5IDIwLjk2OCA5MCAyMS4yOTggOTAgYyAwLjcwMiAwIDEuMzgzIC0wLjM3IDEuNzQ5IC0xLjAyNiBsIDQ3Ljk0NSAtODYgQyA3MS41MyAyLjAwOSA3MS4xODQgMC43OTEgNzAuMjE5IDAuMjUzIHogTSAzMy42MTggNDQuNDI2IFYgMTUuMzgyIEMgMzMuNjE4IDkuMTA2IDM4LjcyNCA0IDQ1IDQgYyA2LjI3NiAwIDExLjM4MiA1LjEwNiAxMS4zODIgMTEuMzgyIHYgNS41ODMgTCAzOC4yMTYgNTMuNTQ5IEMgMzUuMzQ5IDUxLjQyMiAzMy42MTggNDguMDgxIDMzLjYxOCA0NC40MjYgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMCwwLDApOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgoJPHBhdGggZD0iTSA2OS4yNDUgMzguMzEyIGMgLTEuMTA0IDAgLTIgMC44OTYgLTIgMiB2IDYuNTA1IGMgMCAxMi4yNjYgLTkuOTc5IDIyLjI0NCAtMjIuMjQ1IDIyLjI0NCBjIC0yLjEgMCAtNC4xNzggLTAuMjkyIC02LjE3NiAtMC44NjcgYyAtMS4wNiAtMC4zMDggLTIuMTY5IDAuMzA4IC0yLjQ3NSAxLjM2OCBjIC0wLjMwNiAxLjA2MiAwLjMwNyAyLjE3IDEuMzY5IDIuNDc2IGMgMS43MjEgMC40OTUgMy40OTEgMC44MDggNS4yODMgMC45NDMgViA4NiBoIC05LjEyNiBjIC0xLjEwNCAwIC0yIDAuODk2IC0yIDIgcyAwLjg5NiAyIDIgMiBoIDIyLjI1MiBjIDEuMTA0IDAgMiAtMC44OTYgMiAtMiBzIC0wLjg5NiAtMiAtMiAtMiBIIDQ3IFYgNzIuOTc4IGMgMTMuNTQgLTEuMDI2IDI0LjI0NSAtMTIuMzYzIDI0LjI0NSAtMjYuMTYgdiAtNi41MDUgQyA3MS4yNDUgMzkuMjA4IDcwLjM1IDM4LjMxMiA2OS4yNDUgMzguMzEyIHoiIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDAsMCwwKTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDEgMCAwIDEgMCAwKSAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KCTxwYXRoIGQ9Ik0gNTYuMzgyIDM0LjA0MSB2IDEwLjM4NSBjIDAgNi4xNTIgLTUuMDAyIDExLjI1NiAtMTEuMTQ5IDExLjM3OSBjIC0xLjEwNCAwLjAyMiAtMS45ODEgMC45MzYgLTEuOTU5IDIuMDQgYyAwLjAyMiAxLjA5MSAwLjkxMyAxLjk2IDEuOTk5IDEuOTYgYyAwLjAxNCAwIDAuMDI3IDAgMC4wNDEgMCBjIDguMzEgLTAuMTY3IDE1LjA2OSAtNy4wNjUgMTUuMDY5IC0xNS4zNzkgViAzNC4wNDEgYyAwIC0xLjEwNCAtMC44OTYgLTIgLTIgLTIgUyA1Ni4zODIgMzIuOTM3IDU2LjM4MiAzNC4wNDEgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMCwwLDApOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L2c+Cjwvc3ZnPg==);
  position: relative;
  width: 20px;
  display: block;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  /* bottom: 50px; */
  float: right;
  bottom: 29px;
  right: 38px;
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container a.header_magnifier_icon {
  height: 56px;
  padding-top: 0;
  width: 36px;
  pointer-events: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container a.header_magnifier_icon svg {
  width: 26px;
  height: 26px;
}
@media screen and (max-width: 760px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search {
    padding: 0 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search .logo-container,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search .logo-container-40,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search .CloseHeader {
    display: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm {
    position: sticky;
    padding: 0;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    top: 13px;
    padding-left: 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container #CatalogSearchForm #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    right: 13px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper .search-start {
  display: flex;
  align-items: center;
}
@media (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile:not(.open) #header_searchbar_container {
    display: none !important;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile {
  position: absolute;
  width: 100%;
  align-items: center;
  left: 0;
  top: 70px;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile {
    display: block !important;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .search-start, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .search-start {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container {
  position: absolute;
  left: auto;
  right: 0;
  width: 80%;
  top: -22px;
  border-bottom: none;
  padding: 0px 64px;
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container {
    display: block !important;
  }
}
@media screen and (max-width: 1750px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container {
    padding: 0 64px 0 4% !important;
  }
}
@media screen and (max-width: 1440px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container {
    padding: 0 64px 0 9% !important;
  }
}
@media screen and (max-width: 1279px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container {
    padding: 0 64px 0 13% !important;
  }
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container {
    padding: 0 !important;
    width: 100%;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search {
  display: flex;
  width: auto;
  align-items: center;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .nodisplay,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .spanacce,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .nodisplayClass, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search .nodisplay,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search .spanacce,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search .nodisplayClass {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search .CloseHeader, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search .CloseHeader {
  cursor: pointer;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm {
    padding: 16px 16px 6px;
    background-color: #ffffff;
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 4;
    transition: top 0.6s cubic-bezier(0.6, 0, 0.35, 0.98);
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm.searchBarHide, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm.searchBarHide {
    top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-form, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-form {
    display: flex;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-decoration,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-cancel-button,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-results-button,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-results-decoration, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-decoration,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-cancel-button,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-results-button,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::-webkit-search-results-decoration {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input {
  width: calc(100% - 16px);
  height: 45px;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-family: "sofia-pro", sans-serif;
  line-height: 1.71px;
  letter-spacing: 0.5px;
  padding-left: 56px;
  border-radius: 100px;
  border: none;
  background: #f6f6f6;
  outline: none;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input {
    padding-left: 40px;
    width: 100%;
    height: 40px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::placeholder, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input::placeholder {
  font-size: 14px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input [type=search]::-webkit-search-cancel-button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input [type=search]::-webkit-search-cancel-button {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input[type=search]::-webkit-search-cancel-button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
  background: transparent;
  border: none;
  position: absolute;
  top: 9px;
}
@media screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit {
    padding-left: 16px;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-submit svg {
    height: 24px;
    width: 24px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
  top: 14px;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 89px;
  background: #767676;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    position: relative;
    float: right;
    right: 32px;
    cursor: pointer;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset {
    position: absolute;
    right: 108px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset svg.ais-SearchBox-resetIcon, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container #header-search #SimpleSearchForm_SearchTerm .ais-SearchBox-reset svg.ais-SearchBox-resetIcon {
  fill: white;
  height: 6px;
  width: 6px;
  position: absolute;
  left: 5px;
  top: 5px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container a.header_magnifier_icon, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container a.header_magnifier_icon {
  position: absolute;
  right: 10px;
  top: 0;
  padding-top: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open #header_searchbar_container a.header_magnifier_icon .icon, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile #header_searchbar_container a.header_magnifier_icon .icon {
  width: 16px;
  height: 16px;
  right: 7px;
  left: 7px;
  pointer-events: none;
  fill: #767676;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper {
  overflow: auto !important;
  display: block;
  height: 100%;
  margin-top: 1px;
  position: relative;
  width: 100% !important;
  /* top: calc(100% - 35px); */
  background-color: white;
  z-index: 1;
  margin-top: 0;
  top: 33px;
  z-index: 100;
  /*@media screen and (max-width: 1024px) {
      top: 72px;
  }*/
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper {
    overflow: unset !important;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container {
  height: 100%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container {
    margin-bottom: -63px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container.no-results-search_results_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container.no-results-search_results_container {
  height: auto;
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container.no-results-search_results_container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container.no-results-search_results_container {
    margin-top: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container {
  display: flex;
  flex-direction: column-reverse;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container #skeleton-live-search-suggestion, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container #skeleton-live-search-suggestion {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container #view-all-button-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container #view-all-button-container {
  display: none !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container .search_suggestions .ais-Hits--empty, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container.no-results-search_results_container .no-results-search-result-container .search_suggestions .ais-Hits--empty {
  display: none !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container {
  height: 100%;
  display: flex;
  gap: 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container.increaseHeight, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container.increaseHeight {
  height: calc(100vh + 270px);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container {
    flex-direction: column;
    justify-content: flex-end;
    height: fit-content;
  }
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container {
    overflow: hidden;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) {
  display: flex !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .popular-and-customer-links, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .popular-and-customer-links {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .recents-and-trending-now-container .recent-searches-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .recents-and-trending-now-container .recent-searches-container {
  display: none !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .recents-and-trending-now-container .trending-now-container #trendingNowItemsContainer, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .recents-and-trending-now-container .trending-now-container #trendingNowItemsContainer {
  min-width: max-content;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .recent-searches-container.mobile, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container.no-results-search-default-container:not(.hide) .recent-searches-container.mobile {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links {
  padding: 32px 0 50px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  line-height: normal;
  width: 26%;
  border-right: 1px solid #d8d8d8;
  margin-left: 0px;
}
@media screen and (max-width: 1440px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links {
    width: 34% !important;
  }
}
@media screen and (max-width: 1280px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links {
    width: 42% !important;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links {
    width: 100% !important;
    padding: unset;
    border-right: unset;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support-link-text, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support-link-text {
    font-size: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches {
  padding: 0 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches {
    padding: 0 16px;
    gap: 12px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches > :nth-child(2), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches > :nth-child(2) {
  margin-top: 4px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-title {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-title {
    color: #222222;
    line-height: 20px;
    font-size: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-title:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-title:hover {
  cursor: default;
  color: black;
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title {
    color: #222222;
    line-height: 20px;
    font-size: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title:hover {
  cursor: default;
  color: black;
  text-decoration: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-title {
    font-size: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
  color: black;
  text-decoration: none;
  padding-bottom: 4px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-link:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .popular-searches-link:hover {
  cursor: pointer;
  padding-bottom: 3px;
  border-bottom: 1px solid #000000;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
  color: black;
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link:hover {
  cursor: pointer;
  text-decoration: underline !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link {
  gap: 16px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link {
    gap: 8px !important;
    padding-bottom: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 320px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .popular-searches .customer-support-link {
    gap: 2px !important;
    padding-right: 0;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support {
  padding: 0 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 22px;
  align-self: stretch;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support {
    padding: 0 16px;
    gap: 24px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support > :nth-child(2), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support > :nth-child(2) {
  margin-top: 2px;
}
@media screen and (max-width: 500px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support > :nth-child(2), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support > :nth-child(2) {
    margin-top: 0;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-title {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-title {
    color: #222222;
    line-height: 20px;
    font-size: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-title:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-title:hover {
  cursor: default;
  color: black;
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title {
    color: #222222;
    line-height: 20px;
    font-size: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title:hover {
  cursor: default;
  color: black;
  text-decoration: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-title {
    font-size: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
  color: black;
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-link:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .popular-searches-link:hover {
  cursor: pointer;
  text-decoration: underline !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link {
  display: flex;
  flex-direction: row;
  gap: 10px;
  color: black;
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link .customer-support-link-text, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link .customer-support-link-text {
  padding-bottom: 4px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link:hover {
  cursor: pointer;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link:hover > .customer-support-link-text, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link:hover > .customer-support-link-text {
  padding-bottom: 3px;
  border-bottom: 1px solid #000000;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link {
  gap: 16px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link {
    gap: 8px !important;
    padding-bottom: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 320px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support .customer-support-link {
    gap: 2px !important;
    padding-right: 0;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .popular-and-customer-links .customer-support {
    flex-direction: unset;
    flex-wrap: wrap;
    padding: 0 16px 32px 16px;
    gap: 24px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px 32px 16px;
  width: 100%;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile.hide, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile.hide {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #222222;
    line-height: 20px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title .clear-all-mobile, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title .clear-all-mobile {
  display: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title .clear-all-mobile, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-title .clear-all-mobile {
    display: block;
    text-decoration: underline;
    font-size: 14px;
    line-height: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container {
    padding-right: 80px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container:before, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container:before {
  content: "";
  position: absolute;
  left: calc(100% - 96px);
  width: 80px;
  height: 32px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
  pointer-events: none;
  padding-right: 80px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container:before, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container:before {
    padding-right: 0;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container {
    overflow-x: auto;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container::-webkit-scrollbar {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .recent-searches-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .recent-searches-item {
  display: flex;
  padding: 6px 16px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #D8D8D8;
  background: #F6F6F6;
  height: 32px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: unset;
  color: unset;
  white-space: nowrap;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .recent-searches-item:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .recent-searches-item:hover {
  cursor: pointer;
  border-color: black;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .recent-searches-item svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .recent-searches-item svg {
  margin-top: 1px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .clear-all-desktop, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .clear-all-desktop {
  padding-left: 16px;
  border-left: 1px solid #D8D8D8;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  text-decoration-line: underline;
  cursor: pointer;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .clear-all-desktop, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recent-searches-container.mobile .recent-searches-items-container .clear-all-desktop {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 32px 64px 50px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container {
    margin-bottom: 32px;
  }
}
@supports (-webkit-touch-callout: none) {
  @media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
    .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container {
      margin-bottom: 128px;
    }
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container {
    padding: 0 16px;
    width: 100%;
    padding-bottom: 55px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop.hide, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop.hide {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title {
    display: flex;
    justify-content: space-between;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title .clear-all-mobile, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title .clear-all-mobile {
  display: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title .clear-all-mobile, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-title .clear-all-mobile {
    display: block;
    text-decoration: underline;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper {
  display: flex;
  gap: 16px;
  width: 100%;
  white-space: nowrap;
  cursor: grab;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper:active, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper:active {
  cursor: grabbing;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper .clear-all-desktop, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper .clear-all-desktop {
  padding-left: 16px;
  border-left: 1px solid #D8D8D8;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  text-decoration-line: underline;
  cursor: pointer;
  min-width: 75px;
  z-index: 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper .clear-all-desktop, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper .clear-all-desktop {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper .clear-all-desktop:before, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container-desktop-wrapper .clear-all-desktop:before {
  content: "";
  position: absolute;
  left: calc(100% - 186px);
  width: 32px;
  height: 32px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
  pointer-events: none;
  z-index: -1;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  white-space: nowrap;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container {
    width: 100vw;
    overflow-x: auto;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container .recent-searches-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container .recent-searches-item {
  display: flex;
  padding: 6px 16px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #D8D8D8;
  background: #F6F6F6;
  height: 32px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: unset;
  color: unset;
  user-select: none;
  -webkit-user-drag: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container .recent-searches-item:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container .recent-searches-item:hover {
  cursor: pointer;
  border-color: black;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container .recent-searches-item svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container .recent-searches-item svg {
  margin-top: 1px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container a, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container a {
  white-space: nowrap;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .recent-searches-container.desktop .recent-searches-items-container::-webkit-scrollbar {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-title {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-title {
    font-size: 16px;
    line-height: 20px;
    color: #222222;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card.algolia-Carousel-product, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card.algolia-Carousel-product {
    width: 100%;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .blaze-child, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .blaze-child {
  height: 100%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item {
  display: flex;
  flex-direction: column;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item.adjust-img-container-style, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item.adjust-img-container-style {
  overflow: hidden;
  text-transform: uppercase;
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item {
    flex-grow: 1 !important;
    flex-basis: 0% !important;
    width: 100%;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item a, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item a {
  height: 100%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item a .product-name, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-now-item a .product-name {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  overflow: hidden;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card {
    flex: 0 0 290px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card a, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card a {
  text-decoration: none;
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-card-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-card-container {
    height: 375px;
  }
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-card-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-card-container {
    height: 375px;
    width: 290px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price {
  margin: unset !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price .percent, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price .percent {
  color: #557b92;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image {
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(1), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(1) {
    display: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2) {
    display: block;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2).on-model, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2).on-model {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .image-container.with-second-image img, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .image-container.with-second-image img {
  padding: unset;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .image-container.with-second-image img:nth-child(1), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .image-container.with-second-image img:nth-child(1) {
  display: block;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .image-container.with-second-image img:nth-child(2), .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .image-container.with-second-image img:nth-child(2) {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .colors-label, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .multi-angle-image .colors-label {
  position: absolute;
  bottom: 15%;
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  align-self: center;
  width: fit-content;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-card__title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-card__title {
  color: black;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.478px;
  text-decoration: none;
  margin-top: 8px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-name, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-name {
  color: #767676;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.153px;
  text-decoration: none;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  overflow: hidden;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price {
  font-size: 14px;
  color: #222222;
  margin-top: -7px;
  font-family: "sofia-pro", sans-serif;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .actual-price-prefix, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .actual-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .actual-price-prefix, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .actual-price {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.16px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .actual-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .actual-price {
  color: #767676;
  text-decoration: line-through;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .percentage-discount, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .product-price.with-discount .percentage-discount {
  color: #557b92;
  font-weight: 700;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .colors-label, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .product-card .colors-label {
  font-size: 14px;
  color: #222222;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-espot-img.trending-now-first-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-espot-img.trending-now-first-image {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform: scale(1.3);
  position: relative;
  top: -15%;
  left: 22px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-espot-img.ct_fix_search_img, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .trending-espot-img.ct_fix_search_img {
  transform: scale(1) !important;
  position: absolute !important;
  top: auto !important;
  left: 0 !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .gradient-overlay, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .gradient-overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 34.93%, rgba(0, 0, 0, 0) 48.78%);
  width: 100%;
  height: 100%;
  position: absolute;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .discover-your-style, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .discover-your-style {
  border-radius: 100px;
  border: 1px solid white;
  width: fit-content;
  display: block;
  padding: 4px 16px;
  text-decoration: none;
  color: white;
  font-family: "sofia-pro";
  font-size: 14px;
}
@media screen and (min-width: 1025px) and (max-width: 1250px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .discover-your-style, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .discover-your-style {
    padding: 4px 8px;
    font-size: 11px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container {
  position: absolute;
  color: white;
  bottom: 24px;
  text-transform: uppercase;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container .text-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container .text-container {
  font-size: 28px;
  font-family: "minerva-modern";
  margin-bottom: 11px;
  line-height: 32px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container .text-container div, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container .text-container div {
  font-family: "minerva-modern";
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container .button-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .text-overlay-container .button-container {
  font-weight: 700;
  font-family: "sofia-pro";
  width: 100%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .tranding-now-items-container-splash, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container .tranding-now-items-container-splash {
  align-items: normal;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .trending-now-items-container::-webkit-scrollbar {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .espot, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .espot {
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container img.trending-espot-img, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container img.trending-espot-img {
  height: 100%;
  width: 100%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination {
  gap: 4px;
  display: flex;
  margin-top: 32px;
  justify-content: center;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination button {
  width: 8px;
  height: 8px;
  font-size: 1px;
  cursor: pointer;
  padding: 0;
  background: #ffffff;
  color: #ffffff;
  border: 0.5px solid #767676;
  border-radius: 50%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination button.active, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination button.active {
  background: #222222;
  color: #222222;
  border: 0.5px solid #222222;
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .trending-now-container .blaze-pagination {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .blaze-track-container .my-pagination-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .blaze-track-container .my-pagination-container {
  position: absolute;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .blaze-track-container .my-pagination-container .blaze-pagination, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .blaze-track-container .my-pagination-container .blaze-pagination {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0 10px;
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev {
  transform: rotate(180deg);
  left: 10px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next {
  right: 10px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background-color: #F0EAE2;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next svg {
  width: 40px;
  height: 40px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev.zeroWidth, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next.zeroWidth, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-prev.zeroWidth, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container .blaze-slider .blaze-container .my-nav-container .blaze-next.zeroWidth {
  width: 0px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-default-container .recents-and-trending-now-container::-webkit-scrollbar {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container {
  position: relative;
  display: block;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion {
  display: flex;
  flex-direction: column;
  margin: 32px 16px 0;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion {
    grid-template-columns: repeat(4, 1fr);
    margin: 32px 64px 0;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-title {
  width: 108px;
  height: 8px;
  background-color: #f6f6f6;
  border-radius: 4px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-title {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-suggestions-pills, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-suggestions-pills {
  display: flex;
  flex-direction: row;
  gap: 24px;
  overflow: hidden;
  margin: 16px 0 32px 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-suggestions-pills .skeleton-suggestions-pill, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .skeleton-live-search-suggestion .skeleton-suggestions-pills .skeleton-suggestions-pill {
  min-width: 108px;
  height: 36px;
  border-radius: 100px;
  background-color: #f6f6f6;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions.no-live-search-suggestions, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions.no-live-search-suggestions {
  display: none !important;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions.search_suggestions.sticky-sugg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions.search_suggestions.sticky-sugg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions.search_suggestions.sticky-sugg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions.search_suggestions.sticky-sugg {
  padding: 1px 0;
  position: sticky !important;
  top: -1px;
  width: 100%;
  z-index: 2;
  background-color: white;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title_algolia, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title_algolia, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title_algolia, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title_algolia {
  margin: 32px 64px 16px 64px;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #d8d8d8;
  font-size: 14px;
  font-weight: 700;
  font-family: "sofia-pro", sans-serif;
  color: #222222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title_algolia, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title_algolia, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .search_suggestions_title_algolia, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .search_suggestions_title_algolia {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits {
  font-size: 14px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list {
  list-style: none;
  display: flex;
  gap: 16px;
  margin: 0;
  padding: 0 0 0 64px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 16px 16px 0 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container {
  text-decoration: none;
  width: max-content;
  display: flex;
  flex-shrink: 0;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--Base-Gray-Light, #D8D8D8);
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container:hover, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container:hover {
  cursor: pointer;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container mark, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container em, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container mark, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container em, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container mark, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container em, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container mark, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container em {
  font-weight: 400;
  background: unset;
  font-family: "sofia-pro", sans-serif;
  font-style: normal;
  color: #767676;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container div.suggestion-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container div.suggestion-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container div.suggestion-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list .suggestion-item-container div.suggestion-item {
  font-family: "sofia-pro", sans-serif;
  color: #222222;
  font-weight: 700;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #search_suggestions .ais-Hits .ais-Hits-list::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions .ais-Hits .ais-Hits-list::-webkit-scrollbar {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.no-live-search-suggestions.sticky-panel, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.no-live-search-suggestions.sticky-panel {
  top: 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel {
  position: sticky !important;
  top: 115px;
  z-index: 2;
  background-color: white;
  margin: 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel {
    top: -8px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel-is-search-form, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel-is-search-form {
  position: sticky;
  top: 115px;
  z-index: 2;
  background-color: #ffffff;
}
@media screen and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel-is-search-form, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel-is-search-form {
    transition: top 0.6s cubic-bezier(0.6, 0, 0.35, 0.98);
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel-is-search-form, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.sticky-panel-is-search-form {
    top: -8px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.live-search-panel-wrapper-support-tab.sticky-panel, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.live-search-panel-wrapper-support-tab.sticky-panel {
  top: 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.live-search-panel-wrapper-support-tab.sticky-panel, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper.live-search-panel-wrapper-support-tab.sticky-panel {
    top: 64px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .skeleton-tabs, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .skeleton-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  margin: 0 64px -30px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .skeleton-tabs, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .skeleton-tabs {
    margin: 0 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .skeleton-tabs .skeleton-tab, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .skeleton-tabs .skeleton-tab {
  width: 108px;
  height: 8px;
  border-radius: 4px;
  background-color: #f6f6f6;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type {
  margin: 0 57px 0 64px;
  border-bottom: 2px solid #f2f2f2;
  font-size: 14px;
  font-weight: 400;
  padding: 40px 0 16px 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type {
    padding-top: 16px;
    padding-right: 32px;
    margin: 0px 0px 0px 16px;
    display: flex;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type:before, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type:before {
    content: "";
    position: absolute;
    left: calc(100% - 32px);
    width: 32px;
    height: 40px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type.sticky-panel-border, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type.sticky-panel-border {
  margin: 0;
  border: unset;
  padding: 16px 0 0 0;
}
@media screen and (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type.sticky-panel-border, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type.sticky-panel-border {
    margin: 0 0 0 16px;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .skeleton-tabs, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .skeleton-tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .skeleton-tabs .skeleton-tab, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .skeleton-tabs .skeleton-tab {
  width: 108px;
  height: 8px;
  border-radius: 4px;
  background-color: #f6f6f6;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type #live-search-panel-type-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type #live-search-panel-type-list {
    flex: 0 0 auto;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button {
  cursor: pointer;
  font-weight: 400;
  font-family: "sofia-pro", sans-serif;
  color: #767676;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button.selected, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button.selected {
  border-bottom: 2px solid #557b92;
  font-weight: 700;
  padding-bottom: 16px;
  font-family: "sofia-pro", sans-serif;
  color: #222222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button.selected, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button.selected {
    padding-bottom: 14px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button#live-search-type-button-frame, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button#live-search-type-button-cl, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button#live-search-type-button-frame, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel-wrapper .live-search-panel__type .live-search-type-button#live-search-type-button-cl {
  margin-right: 24px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel__type::-webkit-scrollbar, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel__type::-webkit-scrollbar {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton {
  width: 100%;
  padding: 0 16px;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton {
    grid-template-columns: repeat(4, 1fr);
    padding: 0 64px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product {
  aspect-ratio: 1/1.2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-image {
  aspect-ratio: 1/1;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-price {
  background-color: #f6f6f6;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-price {
  height: 8px;
  border-radius: 4px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-desc {
  width: 108px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-skeleton .skeleton-product .skeleton-price {
  width: 200px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel__results, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel__results {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel__results.selected, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-panel__results.selected {
  display: block;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits {
  overflow-x: hidden;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton {
  width: 100%;
  padding: 0 16px;
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 32px;
}
@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton {
    grid-template-columns: repeat(4, 1fr);
    padding: 0 64px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product {
  aspect-ratio: 1/1.2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-image {
  aspect-ratio: 1/1;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-title,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-desc,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-title,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-desc,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-price {
  background-color: #f6f6f6;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-title,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-desc,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-title,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-desc,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-price {
  height: 8px;
  border-radius: 4px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-desc,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-title,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-desc,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-title,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-desc {
  width: 108px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .live-search-skeleton .skeleton-product .skeleton-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .live-search-skeleton .skeleton-product .skeleton-price {
  width: 200px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list {
  width: 100vw;
  padding: 0 48px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list {
    padding: 0 4px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item {
  width: 100%;
  list-style: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item {
    flex-basis: 50%;
    width: 50%;
  }
}
@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item {
    width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item {
    width: 25%;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product {
  padding: 0 16px 40px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product {
    padding: 0 12px 40px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a {
    position: relative;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .default-image,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .default-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .default-image,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .default-image {
    display: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image {
    display: block;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image.on-model,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image.on-model, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image.on-model,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .hover-image.on-model {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-colors,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-colors, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-colors,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-colors {
    display: none;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color {
    display: block;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color.on-model,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color.on-model, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color.on-model,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .blaze-track-container .image-slider a .product-color.on-model {
    position: absolute;
  }
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .product-navigation, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container:hover .product-navigation {
    display: flex;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container {
  width: 100%;
  background-color: #f6f6f6;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider {
  height: 47vw;
}
@media only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider {
    height: 44vw;
  }
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider {
    height: 20vw;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges {
  text-align: center;
  color: #192c50;
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 22px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply {
  font-family: sofia-pro, sans-serif;
  font-size: 11.25px;
  font-weight: 700;
  margin: 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply span,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply span, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply span,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider .badges .annual-supply span {
  display: block;
  text-transform: lowercase;
  font-weight: 400;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 50px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a {
    padding-bottom: 0;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .slider-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .slider-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .slider-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .slider-image {
  width: 100%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .hover-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .hover-image, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .hover-image,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .hover-image {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-colors, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-colors,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-colors, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-colors,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color {
  text-transform: uppercase;
  font-size: 14px;
  color: #222;
  text-align: center;
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  margin-block-start: 16px;
  margin-block-end: 16px;
  min-height: 20px;
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  align-self: center;
  width: fit-content;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-track-container .blaze-track-container .image-slider a .product-color {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation {
  display: none;
  position: absolute;
  bottom: 88px;
  width: 100%;
  justify-content: space-between;
  text-align: center;
  padding: 0 8px;
}
@media (max-width: 500px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation {
    bottom: 13px;
  }
}
@media (min-width: 500px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation {
    display: none;
    bottom: 14px;
    padding: 0 40px;
  }
}
@media (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation {
    display: flex;
    bottom: 63px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-prev,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-prev, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-prev,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-prev {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: none;
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  cursor: pointer;
  width: 32px;
  height: 32px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next::before,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next::before, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next::before,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-navigation .blaze-next::before {
  transform: rotate(180deg);
  position: relative;
  top: -6px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link {
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name {
  margin: 0;
  font-family: sofia-pro, sans-serif;
  font-size: 14px;
  color: #222;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .brand-name {
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: 0.5px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .product-link .model-name {
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
  color: #767676;
  padding-top: 5px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price {
  margin: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price-prefix, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price-prefix,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price-prefix, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price-prefix,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.16px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .actual-price {
  color: #767676;
  text-decoration: line-through;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .percentage-discount,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .percentage-discount, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .percentage-discount,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-left-container .price.with-discount .percentage-discount {
  color: #557b92;
  font-weight: 700;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-right-container svg,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-right-container svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-right-container svg,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .ais-Hits-list .ais-Hits-item .product .product-details .details-right-container svg {
  width: 16px;
  height: 16px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container {
  width: 100vw;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container .no-results,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container .no-results, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container .no-results,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container .no-results {
  background: #F6F6F6;
  padding: 32px 64px;
  font-size: 20px;
  font-weight: 350;
  line-height: 24px;
  text-align: left;
  font-family: "sofia-pro", sans-serif;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container .no-results b,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container .no-results b, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container .no-results b,
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container .no-results b {
  font-weight: 700;
  font-family: "sofia-pro", sans-serif;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container .no-results,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container .no-results, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #frame-live-hits .ais-Hits .no-results-container .no-results,
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #cl-live-hits .ais-Hits .no-results-container .no-results {
    padding: 24px 16px;
    font-size: 16px;
    line-height: 20px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner {
  padding: 32px 64px 0 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner {
    padding: 24px 16px 0;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .contents-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .view-all-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .contents-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .view-all-link {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .contents-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .contents-title {
  margin: 10px 0 0 0;
  color: #000000;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .contents-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .contents-title {
    margin: 0;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .view-all-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .view-all-link {
  color: #222222;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 0 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .view-all-link svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .contents-banner .view-all-link svg {
  width: 11.47px;
  height: 14px;
  margin-top: 3px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .articles-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .articles-title {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-article-hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-article-hits {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .blaze-track-container .blaze-pagination, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .blaze-track-container .blaze-pagination {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .blaze-track-container .blaze-pagination button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .blaze-track-container .blaze-pagination button {
  width: 8px;
  height: 8px;
  font-size: 1px;
  cursor: pointer;
  padding: 0;
  background: #ffffff;
  color: #ffffff;
  border: 0.5px solid #767676;
  border-radius: 50%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .blaze-track-container .blaze-pagination button.active, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .blaze-track-container .blaze-pagination button.active {
  background: #222222;
  color: #222222;
  border: 0.5px solid #222222;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 56px 0 56px;
  margin-top: -15px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-prev, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-prev {
  transform: rotate(180deg);
  left: 74;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-next, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-next {
  right: 54px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-prev, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-next, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-prev, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-next {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background-color: #F0EAE2;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-prev svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-next svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-prev svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .blaze-slider .blaze-container .my-nav-container .blaze-next svg {
  width: 10.33px;
  height: 11px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits {
  padding: 0 64px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits {
    padding: 0 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list {
  list-style: none;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 16px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div {
  height: 100%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container {
  position: relative;
  min-height: 150px;
  height: 100%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container img, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content {
  position: absolute;
  bottom: 4px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 32px;
  border-radius: 8px;
  z-index: 2;
  color: white;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), radial-gradient(97.2% 100% at 42.95% 0%, rgba(135, 176, 182, 0.19) 0%, rgba(136, 171, 186, 0) 100%), radial-gradient(97.19% 100% at 50% 100%, rgba(136, 171, 186, 0.26) 0%, rgba(136, 171, 186, 0) 100%), linear-gradient(179.73deg, rgba(255, 255, 255, 0.21) 0.2%, rgba(255, 255, 255, 0) 99.74%), radial-gradient(104.07% 139.15% at 50.22% 0%, rgba(255, 255, 255, 0.49) 0%, rgba(255, 255, 255, 0.28) 100%);
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text {
  width: 90%;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text p, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text p {
  margin: 0;
  color: white;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text .article-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text .article-title {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text .article-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-text .article-desc {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .support-content-hits .ais-Hits-list .ais-Hits-item > div .article-container .article-content .article-link {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: left;
  width: 20px;
  height: 20px;
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section {
  padding: 32px 64px 150px 64px;
  margin-top: 32px;
  gap: 24px;
  background: rgb(246, 246, 246);
}
@media (min-width: 760px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section {
    flex-direction: row;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section {
    padding-inline: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container .faq-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container .faq-title {
  font-family: "minerva-modern";
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0em;
  margin: 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container .view-all-link, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container .view-all-link {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  color: #222222;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container .view-all-link svg, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-title-container .view-all-link svg {
  width: 11.47px;
  height: 14px;
  margin-top: 3px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits {
  width: 60%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits {
    width: 100%;
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list {
  list-style: none;
  padding: 0;
  margin: 24px 0px 0px 0px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item {
  border-bottom: 1px solid #d8d8d8;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item.active .accordion-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item.active .accordion-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item.active .accordion-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item.active .accordion-content {
  display: block;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item.active .accordion-header .accordion-button .plus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item.active .accordion-header .accordion-button .plus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item.active .accordion-header .accordion-button .plus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item.active .accordion-header .accordion-button .plus {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item.active .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item.active .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item.active .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item.active .accordion-header .accordion-button .minus {
  display: block;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header {
  margin: 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button {
  background-color: transparent;
  padding: 0;
  display: flex;
  justify-content: space-between;
  border: 0;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .content-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .content-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .content-title, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .content-title {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: unset;
  margin: 16px 0;
  text-align: left;
  color: #222222;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .plus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .plus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .plus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .plus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .minus {
  min-width: 25px;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-header .accordion-button .minus, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-header .accordion-button .minus {
  display: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-content, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-content {
  display: none;
  max-height: 1000px;
  transition: max-height 3s ease;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-content .accordion-body, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-content .accordion-body, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-content .accordion-body, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-content .accordion-body {
  padding: 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-content .accordion-body .content-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-content .accordion-body .content-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .accordion-item .accordion-content .accordion-body .content-desc, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #support-live-results .live-search-faq-section .faq-content .ais-Hits .ais-Hits-list .live-accordion-item .accordion-content .accordion-body .content-desc {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.16px;
  margin: 0 0 16px 0;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #view-all-button-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #view-all-button-container {
  position: sticky;
  position: -webkit-sticky;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  right: 0;
  bottom: 70px;
  height: 200px;
  background-color: rgba(255, 0, 0, 0);
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
@supports (-webkit-touch-callout: none) {
  @media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
    .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #view-all-button-container, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #view-all-button-container {
      align-items: flex-start;
    }
  }
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #view-all-button-container #view-all-button, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #view-all-button-container #view-all-button {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 24px;
  color: white;
  background: black;
  border: none;
  border-radius: 100px;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
}
.header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container .live-search-no-result-trending-now, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.open .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container .live-search-no-result-trending-now, .header_wrapper_container .header-menu .nav-links #header_search_wrapper.mobile .header_search_results_wrapper .search_results_container #search-result-container #no_results_search_suggestions {
  display: none;
}
.header_wrapper_container .header-menu .nav-links .nav-link {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  text-align: left;
  color: #222222;
  height: max-content;
  margin: 0px;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1171px) and (max-width: 1320px) {
  .header_wrapper_container .header-menu .nav-links .nav-link {
    padding: 0;
  }
}
@media (min-width: 1055px) and (max-width: 1170px) {
  .header_wrapper_container .header-menu .nav-links .nav-link {
    font-size: 13px;
  }
}
@media (min-width: 1025px) and (max-width: 1055px) {
  .header_wrapper_container .header-menu .nav-links .nav-link {
    font-size: 12px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-link {
    float: right;
    width: 55%;
    right: 0;
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .header_wrapper_container .header-menu .nav-links .nav-link#sync-insurance .insurance-mobile {
    display: block;
  }
  .header_wrapper_container .header-menu .nav-links .nav-link#sync-insurance .insurance-desktop {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-link#sync-insurance .insurance-desktop {
    display: block;
  }
  .header_wrapper_container .header-menu .nav-links .nav-link#sync-insurance .insurance-mobile {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-link a.nav-button {
  display: flex;
  align-items: center;
  height: 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #222222 !important;
  line-height: 20px;
  position: relative;
  width: fit-content;
  opacity: 0;
  cursor: not-allowed;
  pointer-events: none;
}
.header_wrapper_container .header-menu .nav-links .nav-link a.nav-button.remove-skeleton {
  opacity: 1;
  cursor: pointer;
  pointer-events: unset;
}
.header_wrapper_container .header-menu .nav-links .nav-link a.nav-button:visited, .header_wrapper_container .header-menu .nav-links .nav-link a.nav-button:hover, .header_wrapper_container .header-menu .nav-links .nav-link a.nav-button:active {
  color: #222222 !important;
}
@media (max-width: 1171px) and (min-width: 1002px) {
  .header_wrapper_container .header-menu .nav-links .nav-link a.nav-button {
    width: max-content;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-link a.nav-button {
    height: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    text-transform: uppercase;
  }
  .header_wrapper_container .header-menu .nav-links .nav-link a.nav-button::first-letter {
    text-transform: uppercase !important;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-link a.nav-button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 25px;
  height: 2px;
  background-color: #557B92;
  transform: scaleX(0);
}
@media (hover: hover) {
  .header_wrapper_container .header-menu .nav-links .nav-link a.nav-button:hover::after {
    transform: scaleX(1);
  }
}
.header_wrapper_container .header-menu .nav-links .nav-link a.nav-button:active::after, .header_wrapper_container .header-menu .nav-links .nav-link a.nav-button.active::after {
  transform: scaleX(1);
}
.header_wrapper_container .header-menu .nav-links .nav-panel {
  z-index: 0;
  height: 0;
  position: absolute;
  left: 0;
  overflow: hidden;
  margin-top: 48px;
  transition: transform 0.3s ease-in-out, height 1.5s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
  top: 65px;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel {
    width: 100%;
    max-width: 1440px;
    left: 50%;
    transform: translate(-50%);
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel.no-animate {
    transition: none !important;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel {
    display: none;
    right: 100%;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.5s cubic-bezier(0, 1, 0, 1);
    position: fixed;
    height: calc(100% - 82px);
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel img,
.header_wrapper_container .header-menu .nav-links .nav-panel source {
  display: none;
}
.header_wrapper_container .header-menu .nav-links .nav-panel.active {
  display: flex;
  line-height: normal;
  position: absolute;
  background-color: white;
  z-index: 999999;
  height: 538px;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 1;
  top: unset;
}
.header_wrapper_container .header-menu .nav-links .nav-panel.active img,
.header_wrapper_container .header-menu .nav-links .nav-panel.active source {
  display: block;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel.active {
    top: 0;
    height: 95dvh;
    width: 100%;
    display: block;
    right: 0px;
    transform: translate3d(0, 0, 0);
    transition: transform 0.5s cubic-bezier(0, 1, 0, 1);
    margin-top: 0;
    overflow: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel.active::-webkit-scrollbar {
    display: none;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel.active .no-padding {
    padding: 0;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel.active {
    top: 90px;
    height: calc(100vh - 50px);
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel.active .mCustomScrollbar {
    touch-action: unset;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel.active .mCustomScrollbar .mCSB_container {
    margin-bottom: 1px;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  padding: 24px 32px 24px 64px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs {
    padding: 16px 16px 24px 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs {
    padding: 24px 16px 24px 32px !important;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs {
  overflow: visible;
  padding: 0;
  height: 100%;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs._mCS_1, .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs._mCS_3 {
  max-height: 200px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs {
    overflow: visible;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  /*@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
      padding: 0;
  }*/
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__center.mCustomScrollJs {
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__center.mCustomScrollJs {
    height: auto;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__center.mCustomScrollJs .ct_menu__main {
  padding-bottom: 32px;
  padding-top: 24px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__center.mCustomScrollJs .ct_menu__main {
    padding: 24px 32px 34px;
    overflow: visible;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container {
  padding-bottom: 50px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container {
    padding: 0;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs {
  padding: 32px 32px 32px 64px !important;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section:not(.ct_menu__sectionOEE_bottom) {
  min-height: auto !important;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section {
  padding-bottom: 0;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__sectionOEE_bottom {
  padding-left: 0;
  margin-top: 0;
  min-height: auto;
  position: relative;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y {
  height: 99%;
  display: flex;
  flex-direction: column;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y .ct_menu__sectionOEE_bottom {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y .ct_menu__sectionOEE_bottom .ct_cta__container {
  margin: 0 0 0 -8px;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .oee.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y .ct_menu__sectionOEE_bottom .ct_cta__container a {
  margin-bottom: 2px;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs {
  padding: 24px 0 !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs {
    padding: 16px 0 0 !important;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background: #ffffff;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs::before {
    display: none;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .mCSB_scrollTools_vertical {
  position: absolute;
  top: 0;
  right: 0;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs {
  margin: 0;
  padding: 0;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container {
  margin-right: 0 !important;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ct_menu__section.ct_menu__brands_up {
  margin: 0;
  padding: 0 32px 0 64px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ct_menu__section.ct_menu__brands_up {
    padding: 0 16px;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ct_menu__section.ct_menu__brands_bottom {
  padding: 24px 32px 0 64px;
  margin: 0;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ct_menu__section.ct_menu__brands_bottom {
    padding-top: 16px;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ct_menu__section.ct_menu__brands_bottom .ct_cta__container {
  position: relative;
  padding-bottom: 10px;
  bottom: -3px;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ct_menu__section.ct_menu__brands_bottom .ct_cta__container a {
  margin-bottom: 3px;
  top: 0;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y .ct_menu__brands_bottom {
  flex: 1;
  justify-content: space-between;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y .ct_menu__brands_bottom .ct_cta__container {
  position: absolute;
  bottom: 1px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .ct_menu__brands.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container.mCS_no_scrollbar_y .ct_menu__brands_bottom .ct_cta__container a {
  margin-top: 8px;
  margin-bottom: 0;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .exit-button {
  position: absolute;
  right: 0;
  z-index: 11;
}
@media only screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button {
    width: 56px;
    height: 56px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .exit-button a[aria-label=exit-button] {
  padding: 12px 16px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button {
    position: relative;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin-top: 16px;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button:after {
    content: "";
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button .icon {
    height: 16px;
    margin-top: 5px;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button a {
    font-family: "minerva-modern", sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    text-decoration: none;
    color: #222222;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button a.ddm-label {
    color: var(--Base-Black, #222);
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    font-family: "sofia-pro", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button .ddm-title-link-container {
    display: flex;
    padding: 8px 16px 16px 16px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .exit-button {
    margin-top: 0;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container {
  height: 100%;
  z-index: 999;
}
@media (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .container {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    padding-right: unset !important;
    padding-left: unset !important;
    margin-right: unset !important;
    margin-left: unset !important;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .container {
    height: auto;
    align-content: flex-start;
    padding-bottom: 80px;
  }
}
@media (min-width: 1025px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .container .custom-col.col-md-4 {
    max-width: 39%;
    flex-basis: 39%;
  }
  .header_wrapper_container .header-menu .nav-links .nav-panel .container .custom-col.col-md-4:last-of-type {
    flex-basis: 26.6%;
    max-width: 342px;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container:nth-child(3) {
  background-color: #f6f6f6;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container .contacts-list-container {
  height: 100%;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container .contacts-list-container .contacts-list-holder {
  display: flex;
  flex-flow: column;
  flex-direction: column;
  height: 100%;
  padding-bottom: 32px !important;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container .contacts-list-container .contacts-list-holder div.ct_container {
  overflow: visible;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container .contacts-list-container .contacts-list-holder .contacts-list {
  flex: 2;
  padding-right: 30px;
  height: unset !important;
  overflow: visible;
  padding-bottom: 152px;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container .contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill {
  height: auto;
  display: inline-block !important;
  position: relative;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container .contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .mCustomScrollBox {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .container .contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .mCSB_container {
  padding-bottom: 120px;
}
.header_wrapper_container .header-menu .nav-links .nav-panel .banner {
  display: flex;
  flex-basis: 342px;
  flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  padding: 0px;
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .banner {
    flex-basis: 100%;
  }
}
.header_wrapper_container .header-menu .nav-links .nav-panel .banner picture {
  width: 100%;
  display: block;
  margin: 16px;
  width: 310px;
}
@media screen and (max-width: 768px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .banner picture {
    margin: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .nav-panel .banner {
    min-width: 0px;
  }
}
.header_wrapper_container .header-menu .nav-links .mini-first-layer-container {
  display: none;
  width: 100%;
  padding: 16px 8px 16px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  height: 100%;
}
@media (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container .mini-first-layer {
    display: flex;
    row-gap: 24px;
    width: 100%;
    padding-right: 32px;
    flex-direction: column;
    /*display: flex;
    width: 100%;
    padding-right: 32px;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    row-gap: 24px;
    flex-wrap: wrap;
    & > *{
        display: flex;
        width: 153px;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;
        border-radius: 4px;
        svg{
            width: 16px;
            height: 16px;
        }
        span{
            color: var(--Base-Secondary, #192C50);
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px; 
            text-decoration-line: underline;
        }
    }

    /*.mini-account, 
    .mini-stores {
        width: unset;
        flex-shrink: unset;
    }*/
  }
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container .mini-first-layer .mini-first-layer-row {
    display: flex;
    flex-direction: row;
    height: 20px;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container .mini-first-layer .mini-first-layer-row a {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
  }
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container .mini-first-layer .mini-first-layer-row .mini-favourites,
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container .mini-first-layer .mini-first-layer-row .mini-support {
    display: flex;
    width: 153px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
  }
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container .mini-first-layer .mini-first-layer-row svg {
    width: 16px;
    height: 16px;
  }
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container .mini-first-layer .mini-first-layer-row span {
    color: var(--Base-Secondary, #192C50);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-decoration-line: underline;
    display: block !important;
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .nav-links .mini-first-layer-container {
    padding-bottom: 20%;
  }
}
.header_wrapper_container .header-menu .nav-icons-container {
  align-items: center;
  display: flex;
  max-width: 140px;
  width: 100%;
  justify-content: flex-end;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .header_wrapper_container .header-menu .nav-icons-container {
    max-width: 90px;
  }
}
.header_wrapper_container .header-menu .nav-icons-container .nav-icons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  max-width: 90px;
  gap: 0;
  /*@media (min-width: $break-desktop-min) and (max-width: 1279px){
      gap: 0px;
  }
  @media (min-width: 1280px) and (max-width: 1439px){
      gap: 0;
  }*/
}
@media (max-width: 1025px) {
  .header_wrapper_container .header-menu .nav-icons-container .nav-icons {
    max-width: max-content;
  }
}
.header_wrapper_container .header-menu .nav-icons-container .nav-icons .search-icon-container-ddm {
  width: 40px;
  height: 40px;
  position: absolute;
  margin-left: -10px;
}
.header_wrapper_container .header-menu .nav-icons-container .nav-icons .search-icon-container-ddm:hover {
  background: var(--Base-Other-Color-2, #E7EEF0);
  border-radius: 25px;
}
.header_wrapper_container .header-menu .nav-icons-container .nav-icons .search-icon-container-ddm svg {
  margin: 10px;
}
.header_wrapper_container .header-menu .nav-icons-container .nav-icons .cart-icon-container-ddm {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 54px;
}
@media (max-width: 1279px) {
  .header_wrapper_container .header-menu .nav-icons-container .nav-icons .cart-icon-container-ddm {
    right: 22px;
  }
}
.header_wrapper_container .header-menu .nav-icons-container .nav-icons .cart-icon-container-ddm:hover {
  background: var(--Base-Other-Color-2, #E7EEF0);
  border-radius: 25px;
}
.header_wrapper_container .header-menu .nav-icons-container .nav-icons .cart-icon-container-ddm svg {
  margin: 10px;
}
.header_wrapper_container .header-menu .cart-item-num-badge {
  display: flex;
  padding: 0px 4px;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 125px;
  background: var(--Base-Primary, #557B92);
  margin: 20px 0 0 20px;
  width: 16px !important;
  height: 16px !important;
  bottom: unset !important;
  right: unset !important;
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .cart-item-num-badge {
    margin: 18px 0 0 18px;
  }
}
.header_wrapper_container .header-menu .cart-item-num-badge p {
  color: var(--Base-Text-Light, #FFF);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-block-start: 2px;
  margin-block-end: 1px;
}
.header_wrapper_container .header-menu .ddm-skeleton {
  width: 100%;
  align-content: center;
}
@media screen and (min-width: 1025px) {
  .header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton {
    display: none;
  }
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.fl .skeleton-banner-first-layer-nav-buttons {
  gap: 24px;
  flex-direction: column;
  margin: 0 16px;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.fl .skeleton-banner-first-layer-nav-buttons .skeleton-element {
  width: 180px;
  height: 24px;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl {
  height: 100%;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl .mini-first-layer-skeleton {
  display: block;
  display: flex;
  width: 100%;
  padding: 16px 8px 16px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  height: 100%;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl .mini-first-layer-skeleton .skeleton-circle,
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl .mini-first-layer-skeleton .skeleton-bar {
  background: var(--Base-Gray-Ultra-light, #EAEAEA);
  background: linear-gradient(50deg, #ececec 8%, white, #ececec 33%);
  background-size: 200% 100%;
  animation: 1.5s skeleton-loading linear infinite;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl .mini-first-layer-skeleton .skeleton-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl .mini-first-layer-skeleton .skeleton-item.second {
  width: 153px;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl .mini-first-layer-skeleton .skeleton-item .skeleton-circle {
  width: 20px;
  height: 20px;
  border-radius: 100px;
}
.header_wrapper_container .header-menu .ddm-skeleton.mobile-skeleton.mini-fl .mini-first-layer-skeleton .skeleton-item .skeleton-bar {
  display: flex;
  width: 73px;
  height: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 1024px) {
  .header_wrapper_container .header-menu .ddm-skeleton.desktop-skeleton {
    display: none;
  }
}
.header_wrapper_container .header-menu .ddm-skeleton .skeleton-banner-first-layer-nav-buttons {
  display: flex;
  padding: 0px 56px;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .header_wrapper_container .header-menu .ddm-skeleton .skeleton-banner-first-layer-nav-buttons {
    padding: 0;
  }
}
.header_wrapper_container .header-menu .ddm-skeleton .skeleton-banner-first-layer-nav-buttons-mobile {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}
.header_wrapper_container .header-menu .ddm-skeleton .skeleton-banner-first-layer-nav-buttons-mobile .dot {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background: #EAEAEA;
  background: linear-gradient(50deg, #ececec 8%, white 18%, #ececec 33%);
  background-size: 200% 100%;
  animation: 1.5s skeleton-loading linear infinite;
}

/* .cx-widget {
    @media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
        display: none;
    }
} */
.site-breadcrumb {
  padding: 10px 48px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .site-breadcrumb {
    padding: 10px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .site-breadcrumb {
    display: none;
  }
}
.site-breadcrumb ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .site-breadcrumb ul {
    flex-wrap: wrap;
  }
}
.site-breadcrumb ul li {
  list-style-type: none;
  font-size: 12px;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  padding-right: 4px;
  color: #767676;
  min-height: 13.8px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .site-breadcrumb ul li {
    font-size: 11px;
    white-space: nowrap;
    min-height: unset;
  }
}
.site-breadcrumb ul li:after {
  content: "/";
  padding: 0px 3px;
}
.site-breadcrumb ul li:last-child:after {
  content: "";
  padding: 0px 3px;
}
.site-breadcrumb ul li a {
  text-decoration: none;
  color: #767676;
}

.ocr-container-mob .divider {
  border-top: solid 2px #d8d8d8;
  width: 100%;
  margin-top: 3px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-container-mob .divider {
    display: none;
  }
}

.ocr-header-login-container {
  border: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container {
    margin: 0px;
    padding: 16px 28px;
    margin-top: 16px;
  }
}
.ocr-header-login-container .ocr-guest-title, .ocr-header-login-container .ocr-start-title {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  letter-spacing: 0;
}
.ocr-header-login-container .ocr-guest-title::before, .ocr-header-login-container .ocr-start-title::before {
  display: none;
}
.ocr-header-login-container .ocr-guest-desc, .ocr-header-login-container .ocr-start-desc {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  white-space: normal;
  letter-spacing: 0;
  line-height: 20px;
  text-align: start;
}
@media (max-width: 420px) {
  .ocr-header-login-container .ocr-guest-desc, .ocr-header-login-container .ocr-start-desc {
    font-size: 14px;
    padding-right: 32px;
  }
}
.ocr-header-login-container .ocr-guest-content {
  flex-flow: column;
  margin: auto;
  display: flex;
  padding: 33px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-guest-content {
    padding: 0px;
  }
}
.ocr-header-login-container .ocr-guest-content .ocr-button {
  background-color: #557b92;
  border-radius: 100px;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  margin: 47px 53px 0;
  text-decoration: none;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.5px;
  font-size: 16px;
  width: auto !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "sofia-pro", sans-serif  !important;
  font-weight: normal  !important;
  font-stretch: normal;
  font-style: normal;
  width: auto;
  color: #ffffff;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-guest-content .ocr-button {
    letter-spacing: 0.5px;
    padding: 8px 32px;
    margin: auto;
    margin: 0px;
    content: "";
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-width: 3px;
  }
}
.ocr-header-login-container .ocr-guest-content .ocr-button::before {
  display: none;
}
.ocr-header-login-container .ocr-guest-content .ocr-button:hover {
  background-color: #244c5a;
  border-width: 2px;
  border-color: #244c5a;
}
.ocr-header-login-container .ocr-guest-content .ocr-button:active {
  color: #767676 !important;
  outline: none;
}
.ocr-header-login-container .ocr-guest-content .ocr-button:focus {
  outline: none;
}
.ocr-header-login-container .ocr-start-content {
  padding: 39px 72px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-start-content {
    padding: 0px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-lp-loader-container {
  padding: 35px 50px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-lp-loader-container {
    padding: 16px 24px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-lp-loader-container .ocr-lp-loader-title {
  font-family: "minerva-modern", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: 0.14px;
  color: #222222;
  margin-bottom: 49px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-lp-loader-container .ocr-lp-loader-title {
    margin-bottom: 16px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-lp-loader-container .fa-spinner {
  font-size: 35px;
  color: #557b92;
}
.ocr-header-login-container .ocr-header-lp .ocr-lp-loader-container .fa-spinner::before {
  content: "\f110";
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container {
  text-align: start;
  padding: 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container {
    padding: 0px;
  }
}
@media (max-width: 1025px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-reorder-all {
    width: 100%;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-carousel-title {
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: 8px;
  position: relative;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-carousel-title span {
  display: inline-block;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  text-transform: uppercase;
  text-transform: uppercase;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-carousel-title span {
    margin-bottom: 0;
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-carousel-desc {
  display: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track {
    padding: 0px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-carousel-product-display {
  align-items: center;
  display: flex;
  text-align: center;
  max-height: 120px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-carousel-product-display {
    padding: 0;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-carousel-product-display img {
  width: 160px;
  height: 100px;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description {
    text-align: right;
    margin-top: 3px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-name {
  line-height: 1.33;
  letter-spacing: 0.5px;
  color: #222222;
  font-size: 14px;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  text-align: start;
  white-space: break-spaces;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-brand {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
  text-align: start;
  color: #979797;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-brand {
    line-height: 1.71;
    float: left;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-qty {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
  margin-right: 8px;
  text-align: start;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-qty {
    line-height: 1.71;
    float: left;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-listprice {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  text-align: left;
  color: #222222;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-listprice {
    margin: 0px 5px 0px 0px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-listprice.strikethrough {
  font-size: 12px;
  color: #767676;
  text-decoration: line-through;
  margin-right: 8px;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-offerprice {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  text-align: left;
  color: #222222;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .ocr-product-description .ocr-product-per-box {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  text-align: left;
  color: #222222;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .divider {
  border-top: solid 2px #d8d8d8;
  width: 100%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-header-carousel .slick-list .slick-track .slick-slide .ocr-product .divider {
    display: none;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-button {
  background-color: #557b92;
  border-radius: 100px;
  padding: 8px 32px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.5px;
  font-size: 16px;
  width: auto !important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "sofia-pro", sans-serif  !important;
  font-weight: normal  !important;
  font-stretch: normal;
  font-style: normal;
  width: auto;
  color: #ffffff;
  float: right;
  margin-top: 0px;
  position: relative;
  bottom: 27px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-button {
    letter-spacing: 0.5px;
    padding: 8px 32px;
    margin: auto;
    margin: 0px;
    content: "";
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-width: 3px;
    float: initial;
    position: initial;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-button::before {
  display: none;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-button:hover {
  background-color: #244c5a;
  border-width: 2px;
  border-color: #244c5a;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-button:active {
  color: #767676 !important;
  outline: none;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ocr-button:focus {
  outline: none;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .prev {
  left: 0px;
  top: 50%;
  background-color: #f0eae2 !important;
  border-radius: 11px;
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .prev {
    left: 0px;
    top: 105px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .prev::before {
  content: "";
  height: 6px;
  width: 6px;
  border: 1px solid #222222;
  border-width: 1px 0px 0px 1px;
  transform: rotate(-45deg);
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .next {
  right: 0px;
  top: 50%;
  background-color: #f0eae2 !important;
  border-radius: 11px;
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .next {
    right: 0px;
    top: 105px;
  }
}
.ocr-header-login-container .ocr-header-lp .ocr-carousel-container .next::before {
  content: "";
  height: 6px;
  width: 6px;
  border: 1px solid #222222;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  display: inline-block;
  position: relative;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ct_cta__container {
    margin: 2px;
  }
}
@media (min-width: 1025px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ct_cta__container .ocr-reorder-all {
    margin: 0;
  }
}
@media (max-width: 420px) {
  .ocr-header-login-container .ocr-header-lp .ocr-carousel-container .ct_cta__container .ocr-reorder-all a {
    white-space: normal;
  }
}

.ct_menu__banner_contacts {
  height: auto !important;
}

.names {
  position: relative;
}
.names a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  padding-top: 15px;
}
.names a span {
  width: 100%;
  color: #222222;
  text-decoration: none;
}
.names a span.brand-name {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.5px;
}
.names a span.style-name {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
  color: #767676;
  padding-top: 5px;
}
.names a h3 {
  margin-top: auto;
  margin-bottom: auto;
}

@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #search-no-results, .live-search-no-result-trending-now {
    margin-top: 24px;
  }
}
#search-no-results .trending-now-title, .live-search-no-result-trending-now .trending-now-title {
  font-family: "minerva-modern", sans-serif  !important;
  font-weight: normal  !important;
  font-stretch: normal;
  font-style: normal;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  padding-bottom: 8px;
  border-bottom: 1px solid #d8d8d8;
  display: block;
  width: 100%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #search-no-results .trending-now-title, .live-search-no-result-trending-now .trending-now-title {
    padding: 0 16px;
    font-size: 20px;
  }
}
#search-no-results .trending-now-carousel-container, .live-search-no-result-trending-now .trending-now-carousel-container {
  padding: 32px 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #search-no-results .trending-now-carousel-container, .live-search-no-result-trending-now .trending-now-carousel-container {
    padding: 16px 0;
  }
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card {
  font-family: sofia-pro, sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  #search-no-results .trending-now-carousel-container .blaze-track .product-card, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card {
    flex: 0 0 290px;
  }
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card a, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card a {
  text-decoration: none;
}
@media (max-width: 1024px) {
  #search-no-results .trending-now-carousel-container .blaze-track .product-card .product-card-container, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-card-container {
    height: 375px;
  }
}
@media (min-width: 1024px) {
  #search-no-results .trending-now-carousel-container .blaze-track .product-card .product-card-container, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-card-container {
    height: 375px;
    width: 290px;
  }
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-price, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-price {
  margin: unset !important;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-price .percent, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-price .percent {
  color: #557b92;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image {
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1;
  position: relative;
}
@media only screen and (min-width: 1025px) {
  #search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(1), .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(1) {
    display: none;
  }
  #search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2), .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2) {
    display: block;
  }
  #search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2).on-model, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image:hover .image-container.with-second-image img:nth-child(2).on-model {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .image-container.with-second-image img, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .image-container.with-second-image img {
  padding: unset;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .image-container.with-second-image img:nth-child(1), .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .image-container.with-second-image img:nth-child(1) {
  display: block;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .image-container.with-second-image img:nth-child(2), .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .image-container.with-second-image img:nth-child(2) {
  display: none;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .colors-label, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .multi-angle-image .colors-label {
  position: absolute;
  bottom: 15%;
  display: flex;
  padding: 4px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  align-self: center;
  width: fit-content;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-card__title, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-card__title {
  color: black;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.478px;
  text-decoration: none;
  margin-top: 8px;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-name, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-name {
  color: #767676;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.153px;
  text-decoration: none;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-inline-box;
  overflow: hidden;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-price, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-price {
  font-size: 14px;
  color: #222222;
  margin-top: -7px;
  font-family: "sofia-pro", sans-serif;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .actual-price-prefix, #search-no-results .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .actual-price, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .actual-price-prefix, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .actual-price {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.16px;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .actual-price, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .actual-price {
  color: #767676;
  text-decoration: line-through;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .percentage-discount, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .product-price.with-discount .percentage-discount {
  color: #557b92;
  font-weight: 700;
}
#search-no-results .trending-now-carousel-container .blaze-track .product-card .colors-label, .live-search-no-result-trending-now .trending-now-carousel-container .blaze-track .product-card .colors-label {
  font-size: 14px;
  color: #222222;
}
#search-no-results .trending-now-carousel-container .my-nav-container, .live-search-no-result-trending-now .trending-now-carousel-container .my-nav-container {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #search-no-results .trending-now-carousel-container .my-nav-container, .live-search-no-result-trending-now .trending-now-carousel-container .my-nav-container {
    display: none;
  }
}
#search-no-results .trending-now-carousel-container .my-nav-container .blaze-next,
#search-no-results .trending-now-carousel-container .my-nav-container .blaze-prev, .live-search-no-result-trending-now .trending-now-carousel-container .my-nav-container .blaze-next,
.live-search-no-result-trending-now .trending-now-carousel-container .my-nav-container .blaze-prev {
  border: none;
  background: none;
  cursor: pointer;
}
#search-no-results .trending-now-carousel-container .my-nav-container .blaze-prev, .live-search-no-result-trending-now .trending-now-carousel-container .my-nav-container .blaze-prev {
  transform: rotate(180deg);
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #search-no-results h1, .live-search-no-result-trending-now h1 {
    padding: 0 16px;
  }
}

.live-search-no-result-trending-now {
  padding: 32px 64px 150px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .live-search-no-result-trending-now {
    padding: 0 16px;
  }
}
.live-search-no-result-trending-now .trending-now-title {
  font-family: "sofia-pro", sans-serif !important;
  font-size: 14px;
  font-weight: 700 !important;
  line-height: 16px;
  text-transform: uppercase;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .live-search-no-result-trending-now .trending-now-title {
    padding: 0 0 8px;
  }
}
.live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .blaze-track-container .blaze-track .product-card {
  aspect-ratio: 0.85;
}
@media (min-width: 1024px) {
  .live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .blaze-track-container .blaze-track .product-card {
    flex: none;
  }
}
.live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .my-nav-container .blaze-prev {
  position: absolute;
  left: -16px;
}
.live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .my-nav-container .blaze-next {
  position: absolute;
  right: -16px;
}
.live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .blaze-pagination {
  display: none;
  justify-content: center;
  gap: 4px;
  margin-top: 32px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .blaze-pagination {
    display: flex;
  }
}
.live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .blaze-pagination button {
  width: 8px;
  height: 8px;
  font-size: 1px;
  cursor: pointer;
  padding: 0;
  background: #ffffff;
  color: #ffffff;
  border: 0.5px solid #767676;
  border-radius: 50%;
}
.live-search-no-result-trending-now .trending-now-carousel-container .blaze-slider-trending-now .blaze-pagination button.active {
  background: #222222;
  color: #222222;
  border: 0.5px solid #222222;
}

@media (min-width: 1025px) and (max-height: 609px) {
  #eyeglasses-nav-panel .row.container.scroll,
  #sunglasses-nav-panel .row.container.scroll {
    min-height: 115%;
  }
  #eyeglasses-nav-panel.nav-panel.active.scroll,
  #sunglasses-nav-panel.nav-panel.active.scroll {
    overflow-y: scroll;
  }
  #eyeglasses-nav-panel .ct_cta__container .button-medium-black-fill[data-element-id=MainNav_Eyeglasses_ShopAllEyeglasses],
  #eyeglasses-nav-panel .ct_cta__container .button-medium-black-fill[data-element-id=MainNav_Sunglasses_ShopAllSunglasses],
  #sunglasses-nav-panel .ct_cta__container .button-medium-black-fill[data-element-id=MainNav_Eyeglasses_ShopAllEyeglasses],
  #sunglasses-nav-panel .ct_cta__container .button-medium-black-fill[data-element-id=MainNav_Sunglasses_ShopAllSunglasses] {
    margin-top: -25px;
  }
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ocr-login-container {
    top: 345px !important;
  }
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__banner.ct_april {
    min-height: 115%;
  }
  #contact-lenses-nav-panel.nav-panel.active.scroll {
    overflow-y: scroll;
  }
  #lenses-nav-panel.nav-panel.active.scroll {
    overflow-y: scroll;
  }
  #lenses-nav-panel .row.container.scroll {
    min-height: 115%;
  }
  #lenses-nav-panel .ct_cta__container .button-medium-black-outline {
    margin-bottom: 75px !important;
  }
  #brands-nav-panel.nav-panel.active.scroll {
    overflow-y: scroll;
  }
  #brands-nav-panel .ct_container.ct_menu__column.ct_menu__banner.ct_april {
    min-height: 115%;
  }
  #eye-exam-nav-panel.nav-panel.active.scroll {
    overflow-y: scroll;
  }
  #eye-exam-nav-panel .ct_container.ct_menu__column.ct_menu__banner.ct_april.ct_December_ddm_fix {
    min-height: 115%;
  }
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .mCSB_container {
    justify-content: unset !important;
  }
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description {
    bottom: 0px !important;
  }
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .mCSB_container {
    row-gap: 120px !important;
  }
  #eye-exam-nav-panel #mCSB_11 {
    min-height: 120%;
  }
  #insurance-nav-panel {
    /* .ct_cta__container .button-medium-black-outline[data-element-id="MainNav_Insurance_DiscoverMore"] {
        margin-bottom: 75px !important;
    }

    .ct_cta__container .button-medium-black-fill[data-element-id="MainNav_Insurance_ApplyInsurance"] {
        margin-bottom: 75px !important;
    } */
  }
  #insurance-nav-panel .row.container.scroll {
    min-height: 115%;
  }
  #insurance-nav-panel.nav-panel.active.scroll {
    overflow-y: scroll;
  }
  #insurance-nav-panel .ct_cta__container .button-medium-black-outline {
    margin-bottom: 75px !important;
  }
  #insurance-nav-panel .ct_cta__container .button-medium-black-fill {
    margin-bottom: 75px !important;
  }
  #offers-nav-panel .row.container.scroll {
    min-height: 115%;
  }
  #offers-nav-panel.nav-panel.active.scroll {
    overflow-y: scroll;
  }
  #offers-nav-panel .ct_cta__container .button-medium-black-fill {
    margin-bottom: 75px !important;
  }
}
/* style header content */
#top_header_carousel {
  display: none;
}
#top_header_carousel.slick-initialized.slick-slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
#top_header_carousel.slick-initialized.slick-slider .slick-arrow {
  width: 100px;
  height: 57%;
  margin-top: 2px;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  #top_header_carousel .slick-prev {
    display: inline-block !important;
    left: 0;
    z-index: 10;
  }
}
@media screen and (max-width: 330px) {
  #top_header_carousel .slick-prev {
    left: 5px;
  }
}
#top_header_carousel .slick-prev:before {
  content: "";
  height: 8px;
  width: 8px;
  border: 1px solid #222222;
  border-width: 1px 0px 0px 1px;
  transform: rotate(-45deg);
  display: inline-block;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  #top_header_carousel .slick-next {
    display: inline-block !important;
    right: 0;
    z-index: 10;
  }
}
@media screen and (max-width: 330px) {
  #top_header_carousel .slick-next {
    right: 5px;
  }
}
#top_header_carousel .slick-next:before {
  content: "";
  height: 8px;
  width: 8px;
  border: 1px solid #222222;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  display: inline-block;
  position: relative;
  cursor: pointer;
}
#top_header_carousel .ct_headercarousel__item {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #222222;
  padding: 8px 0;
  z-index: 1;
}
@media screen and (max-width: 330px) {
  #top_header_carousel .ct_headercarousel__item {
    font-size: 12px !important;
  }
}
#top_header_carousel .ct_headercarousel__item a {
  color: #222222;
  text-decoration: none;
}
@media screen and (max-width: 330px) {
  #top_header_carousel .ct_headercarousel__item a {
    font-size: 12px !important;
  }
}
#top_header_carousel .ct_headercarousel__item a span {
  position: relative;
}
#top_header_carousel .ct_headercarousel__item a span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media (min-width: 1025px) {
  #top_header_carousel .ct_headercarousel__item a span:hover::before {
    width: 0;
  }
}

@media (max-width: 768px) {
  .hide-xs-only {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  #offers-nav-panel .ct_container.ct_menu__column.ct_menu__center .ct_menu__main {
    padding: 0;
  }
}
#offers-nav-panel .ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1024px) {
  #offers-nav-panel .ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section-container {
    gap: 0;
  }
}
#offers-nav-panel .ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section-container .ct_menu__section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1024px) {
  #offers-nav-panel .ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section-container .ct_menu__section:first-child {
    background: white;
    padding: 0 16px;
    padding-bottom: 24px;
  }
  #offers-nav-panel .ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section-container .ct_menu__section:last-child {
    padding: 24px 16px;
  }
}
#offers-nav-panel .ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section-container .ct_menu__section .ct_menu__highlights_item {
  align-items: baseline;
}
@media (max-width: 1024px) {
  #offers-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom {
    padding: 8px 0 0px;
  }
  #offers-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom a.button-medium-black-outline {
    width: 100%;
    max-width: unset;
  }
}
#offers-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom {
  padding: 8px 32px 0 0;
}
#offers-nav-panel .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #offers-nav-panel #ct_mob_ddm_fix {
    padding: 16px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  #brands {
    max-height: 60vh;
  }
}
@media (min-width: 1280px) and (max-width: 1440px) {
  #brands {
    max-height: 55vh;
  }
}
@media (min-width: 1440px) {
  #brands {
    max-height: 42vh;
  }
}

#brands-nav-panel .col-md-8 {
  border-right: 1px solid var(--Base-Gray-Light, #D8D8D8);
  background: var(--Base-White, #FFF);
  padding: 0;
  /*.ct_menu__brands_bottom {
      .ct_menu__section_brandlist {
          width: 100%;
          @media screen and (max-width: 1024px) {
              margin-top: 16px;
          }
      }
  }*/
}
@media screen and (max-width: 1024px) {
  #brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section {
    gap: unset;
    padding: 0 16px;
  }
}
#brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section .ct_menu__section_title {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section .ct_menu__section_title {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1024px) {
  #brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section .ct_menu__section_brandlogos {
    margin-top: 16px;
  }
}
#brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section .ct_cta__container_custom {
  margin-top: 8px;
}
@media screen and (max-width: 1024px) {
  #brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section .ct_cta__container_custom {
    padding: 0;
    width: 100%;
  }
}
#brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section .ct_cta__container_custom_mobile {
  margin-bottom: 24px !important;
  justify-content: center;
  align-self: stretch;
}
@media screen and (min-width: 1025px) {
  #brands-nav-panel .col-md-8 .ct_menu__left .ct_menu__section .ct_cta__container_custom_mobile {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #brands-nav-panel .ct_container.ct_fix_april {
    padding: 0px 16px 0px 16px !important;
  }
  #brands-nav-panel .ct_container.ct_fix_april .ct_text__prirmary p {
    font-size: 28px;
    font-weight: 400;
    line-height: 32px !important;
  }
}

#lenses-nav-panel .ct_menu__left {
  padding: 24px 32px 24px 64px;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #lenses-nav-panel .ct_menu__left {
    padding: 24px 16px 24px 32px;
  }
}
#lenses-nav-panel .ct_menu__left #mCSB_7 {
  height: fit-content;
}
#lenses-nav-panel .ct_menu__left .ct_menu__section {
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  #lenses-nav-panel .ct_menu__left .ct_menu__section_bottom .ct_cta__container .button-medium-black-fill {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  #lenses-nav-panel .ct_menu__left {
    padding: 16px;
  }
}
#lenses-nav-panel .ct_menu__left .mCustomScrollJs {
  max-height: unset;
  padding: 0;
}
@media (max-width: 768px) {
  #lenses-nav-panel .ct_menu__left .mCustomScrollJs {
    max-height: unset;
  }
}
#lenses-nav-panel .ct_menu__left .ct_menu__section_logos_left a:hover {
  background-color: #f6f6f6;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section {
  gap: unset;
  margin-bottom: 24px;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section.ct_lenses_menu_left {
  margin-bottom: 16px;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title {
  margin-bottom: 16px;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title span {
  line-height: 20px;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section.ct_menu_section_mobile_left span {
  line-height: 24px;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section.ct_menu_section_mobile_left .ct_menu__section_logos_left a {
  height: 40px;
}
@media (min-width: 1025px) and (max-width: 1219px) {
  #lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section.ct_menu_section_mobile_left .ct_menu__section_logos_left a {
    width: 80px;
  }
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses::before {
  display: none;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .mCSB_container {
  padding-bottom: 0;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_bottom {
  background-color: #f6f6f6;
  padding-bottom: 24px;
  padding-left: 16px;
}
@media (min-width: 1440px) {
  #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_bottom {
    padding-left: 32px;
  }
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_bottom .button-medium-black-outline {
  background-color: transparent;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_bottom .button-medium-black-outline:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 520px) {
  #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_bottom {
    padding-right: 16px;
  }
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__main {
  padding: 24px 16px 0px 16px !important;
}
@media (min-width: 1440px) {
  #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__main {
    padding: 24px 32px 0px 32px !important;
  }
}
@media (max-width: 768px) {
  #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__main #mCSB_2_scrollbar_vertical {
    display: none !important;
  }
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__main #mCSB_8 {
  height: auto;
  max-height: unset !important;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_configurator {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  position: relative;
  z-index: 2;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_configurator .ct_ddm_configurator_box {
  column-gap: 8px;
  display: flex;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_configurator .ct_ddm_configurator_box .description {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  row-gap: 8px;
  width: fit-content;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_configurator .ct_ddm_configurator_box .description span {
  font-weight: 700;
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_configurator .ct_ddm_configurator_box .description p {
  font-size: 14px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_menu__section_configurator .ct_ddm_configurator_box .description p {
    font-size: 12px;
  }
}
#lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center_lenses .ct_ddm_configurator_line {
  width: 1px;
  height: 36px;
  left: 14px;
  border: 1px dashed #b0b0b0;
  position: absolute;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section_bottom {
  position: relative;
  padding: 0;
}
#lenses-nav-panel .ct_container.ct_menu__column .ct_menu__section_bottom:before {
  display: none;
}
#lenses-nav-panel .ct_cta__container {
  margin: auto;
}
#lenses-nav-panel .ct_cta__container .button-medium-black-fill, #lenses-nav-panel .ct_cta__container .button-medium-black-outline {
  margin: 0;
}
#lenses-nav-panel .ct_cta__container .button-medium-black-fill:hover {
  background-color: #767676 !important;
}
#lenses-nav-panel .col-md-4.col-xs-12:not(.banner) {
  flex-grow: 1;
  flex-basis: 0;
  white-space: normal;
}
@media (min-width: 1025px) {
  #lenses-nav-panel .col-md-4.col-xs-12:not(.banner) {
    max-width: calc(100% - 342px);
  }
}
#lenses-nav-panel .banner {
  flex-basis: 342px !important;
}
@media (max-width: 768px) {
  #lenses-nav-panel .banner {
    flex-basis: 100% !important;
  }
}
@media (max-width: 768px) {
  #lenses-nav-panel .banner .ct_container {
    margin: 0;
    padding: 16px;
  }
}
#lenses-nav-panel .banner .ct_container .ct_mb__l {
  margin-bottom: 0;
}
#lenses-nav-panel .banner .ct_container .ct_text__overlay {
  position: relative;
  top: 0;
  gap: 16px;
}
#lenses-nav-panel .banner .ct_container .ct_text__overlay .ct_mt__s {
  margin-top: 0;
  width: min-content;
}
#lenses-nav-panel .banner .ct_container .ct_text__primary {
  margin-bottom: 16px;
}
#lenses-nav-panel .banner .ct_container .ct_text__secondary .button-medium-black-outline:hover {
  background-color: rgba(34, 34, 34, 0.05);
}
#lenses-nav-panel .banner .ct_container .ct_img__container img {
  height: auto;
}
@media (max-width: 768px) {
  #lenses-nav-panel .banner .ct_container .ct_img__container img {
    height: 100%;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  #lenses-nav-panel .banner .ct_container .ct_img__container img {
    height: 310px;
  }
}
@media screen and (max-width: 768px) {
  #lenses-nav-panel .ct_lenses_ddm_mob {
    padding: 8px 16px 16px 16px !important;
  }
  #lenses-nav-panel .ct_lenses_ddm_mob .ct_text__prirmary p {
    font-size: 28px;
    font-weight: 400;
    line-height: 32px !important;
  }
}

#eye-exam-nav-panel .exit-button {
  justify-content: left;
}
#eye-exam-nav-panel .col-md-4.col-xs-12:not(.banner) {
  flex-grow: 1;
  flex-basis: 0;
  white-space: normal;
}
@media (max-width: 768px) {
  #eye-exam-nav-panel .col-md-4.col-xs-12:not(.banner) {
    flex-basis: 100%;
  }
}
@media (min-width: 1025px) {
  #eye-exam-nav-panel .col-md-4.col-xs-12:not(.banner) {
    max-width: calc(100% - 342px);
  }
}
@media screen and (min-width: 760px) and (max-width: 1024px) {
  #eye-exam-nav-panel .col-md-4.col-xs-12:not(.banner) {
    min-width: 100%;
  }
}
#eye-exam-nav-panel .row.container .title {
  display: block;
  font-weight: 700;
  margin-bottom: 4px;
  line-height: 24px;
  width: 100%;
}
#eye-exam-nav-panel .row.container .underline {
  color: #222222;
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: normal;
  text-decoration: underline !important;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .row.container .underline {
    font-size: 12px;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__left {
    padding: 24px 16px 24px 32px;
  }
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main {
  padding: 0 !important;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .mCSB_container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .mCSB_container {
    row-gap: 82px;
  }
}
@media (max-width: 1024px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .mCSB_container {
    gap: 24px;
  }
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_title {
  margin-bottom: 0;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator .ct_ddm_configurator_box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator .ct_ddm_configurator_box .img_container {
  background: #f6f6f6;
  flex: 0 0 32px;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator .ct_ddm_configurator_box .description {
  line-height: 24px;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator .ct_ddm_configurator_box .store-search-submit {
  background-color: #f6f6f6;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator .ct_ddm_configurator_box .ct_menu__section_oee_input {
  margin-top: 16px;
  width: 100%;
}
@media screen and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator .ct_ddm_configurator_box .ct_menu__section_oee_input {
    flex-basis: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_configurator .ct_ddm_configurator_box .ct_menu__section_oee_input input.store-input {
    font-size: 12px;
  }
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section_description {
  border-radius: 8px;
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
  padding: 16px;
  white-space: normal;
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section_description .title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section_description .title {
    font-size: 14px;
    line-height: 20px;
  }
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section_description span {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section_description span {
    font-size: 12px;
  }
}
#eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section_description .underline {
  line-height: 20px;
}
@media screen and (max-width: 1024px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main .ct_menu__section_description .underline {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
  }
}
@media screen and (max-width: 1024px) {
  #eye-exam-nav-panel .ct_menu__left .ct_menu__main {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
#eye-exam-nav-panel .ct_menu__center::before {
  display: none;
}
#eye-exam-nav-panel .ct_menu__center .mCSB_container {
  padding: 0;
  height: 100%;
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main {
  padding: 24px 32px;
  /*@media (min-width:1024px) and (max-width: 1279px) {
      padding: 24px 16px;
  }*/
}
@media (max-width: 1024px) {
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main {
    padding: 24px 16px;
  }
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_title {
  margin-bottom: 0;
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_list {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  row-gap: 16px;
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section.ct_menu__sectionOEE_bottom {
  margin-top: 24px;
  padding: 0;
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description {
  border: 1px solid #b0b0b0;
  border-radius: 8px;
  position: absolute;
  padding: 16px;
  bottom: 0;
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description span {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description span {
    font-size: 12px;
  }
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description .title {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description .title {
    font-size: 14px;
    line-height: 20px;
  }
}
#eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description .underline {
  display: inline;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description .underline {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    max-width: 100%;
    white-space: normal;
  }
}
@media screen and (max-width: 1024px) {
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description {
    position: unset;
    margin-top: 24px;
  }
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description span {
    line-height: 20px;
  }
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description .underline {
    display: inline-block;
    max-width: 100%;
    white-space: normal;
  }
}
@media screen and (min-width: 1440px) {
  #eye-exam-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section_description .underline {
    display: block;
  }
}
#eye-exam-nav-panel .banner .ct_text__prirmary {
  margin-bottom: 16px;
}
#eye-exam-nav-panel .banner .ct_text__overlay {
  padding-top: 0;
  position: initial;
}
#eye-exam-nav-panel .banner .ct_text__overlay .button-medium-black-outline:hover {
  background-color: rgba(34, 34, 34, 0.05);
}
@media screen and (max-width: 768px) {
  #eye-exam-nav-panel .banner picture {
    padding: 16px;
  }
}
@media screen and (max-width: 768px) {
  #eye-exam-nav-panel .ct_container.ct_fix_april {
    padding: 0px 16px 0px 16px !important;
  }
  #eye-exam-nav-panel .ct_container.ct_fix_april .ct_text__prirmary p.ct_Minerva__Medium__mob {
    line-height: 32px;
    margin-bottom: 4px !important;
  }
  #eye-exam-nav-panel .ct_container.ct_fix_april .ct_text__prirmary p.ct_SofiaPro__Small_Regular {
    margin-bottom: 4px;
    line-height: 20px;
  }
}

#insurance-nav-panel .ct_container.hide-md {
  padding: 16px 16px 0 16px;
}
#insurance-nav-panel .ct_container.hide-md .ct_cta__container a {
  width: 100%;
}
#insurance-nav-panel .ct_container.ct_menu__banner .ct_cta__container a {
  margin-top: 18px;
}
#insurance-nav-panel .ct_menu__center .ct_menu__main {
  padding: 24px 32px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #insurance-nav-panel .ct_menu__center .ct_menu__main {
    padding: 24px 16px 0 16px !important;
  }
}
#insurance-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__section_list_itemcontainer {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
#insurance-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__section_list_itemcontainer .img_container {
  flex-shrink: 0;
  margin-right: 8px;
}
#insurance-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__section_list_itemcontainer .ct_menu__section_list_item .ct_menu__primary_text span {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
  text-transform: uppercase;
  text-transform: none;
}
#insurance-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__section_list_itemcontainer .ct_menu__section_list_item .ct_menu__secondary_text span {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  white-space: normal;
  letter-spacing: 0;
}
#insurance-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__section_list_itemcontainer .ct_menu__section_list_item .ct_menu__secondary_text span u {
  cursor: pointer;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #insurance-nav-panel .ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__section_list_itemcontainer .ct_menu__section_list_item .ct_menu__secondary_text span {
    line-height: 16px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #insurance-nav-panel .ct_menu__center .ct_menu__section_bottom {
    padding: 0px 16px 25px 16px;
  }
}
@media (max-width: 1025px) {
  #insurance-nav-panel .ct_menu__left.mCustomScrollJs {
    padding: 16px 16px 24px 16px;
  }
}
#insurance-nav-panel .ct_menu__left .ct_menu__section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_title {
  margin-bottom: 0px;
}
#insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights {
  align-items: normal;
}
#insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
  display: grid;
  grid-template-columns: 100px 100px 100px;
  grid-template-rows: 50px 50px 50px 50px;
  gap: 14px;
  padding-right: 24px;
}
@media (min-width: 1440px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    grid-template-columns: repeat(4, 100px);
    grid-template-rows: 50px 50px 50px;
    padding-right: 0;
  }
}
@media (max-width: 459px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    padding-right: 0;
    align-self: center;
    gap: 14px;
  }
}
@media (max-width: 459px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    padding-right: 0;
    align-self: center;
    gap: 14px;
  }
}
@media (min-width: 470px) and (max-width: 759px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    padding-right: 0;
    align-self: center;
    gap: 14px;
    grid-template-columns: repeat(4, 100px);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    grid-template-columns: 8.3vw 8.3vw 8.3vw;
    grid-template-rows: 3.9vw 3.9vw 3.9vw 3.9vw;
    gap: 8px;
    padding-right: 16px;
  }
}
#insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item {
  justify-content: flex-start;
  cursor: pointer;
  margin: 0px;
}
#insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:last-child {
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-end;
  text-wrap: nowrap;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:last-child p {
    font-size: 12px;
    line-height: 16px;
  }
}
#insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__brand_image {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  border: 0.5px solid #d8d8d8;
}
#insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__brand_image img, #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__brand_image svg {
  width: 100%;
  height: 100%;
  padding: 4px;
}
@media (max-width: 767px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section .ct_menu__section_highlights .ct_cta__container a {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section_bottom {
    padding: 8px 32px 32px 64px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section_bottom {
    padding: 8px 32px 24px 32px !important;
  }
}
@media (max-width: 1024px) {
  #insurance-nav-panel .ct_menu__left .ct_menu__section_bottom {
    display: block;
    position: relative;
    margin: 0;
  }
  #insurance-nav-panel .ct_menu__left .ct_menu__section_bottom a {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #insurance-nav-panel .ct_container.ct_menu__column.ct_menu__banner.ct_april {
    margin-bottom: 0px !important;
  }
}

#offers-nav-panel .ct_menu__icon-container.grey-border {
  border: 1px solid #d8d8d8;
}
#offers-nav-panel .ct_menu__left .ct_menu__section_bottom {
  padding: 8px 32px 32px 0;
  position: relative;
}
@media (max-width: 1024px) {
  #offers-nav-panel .ct_menu__left .ct_menu__section_bottom {
    padding: 8px 0 0px !important;
  }
}
@media (max-width: 1024px) {
  #offers-nav-panel .ct_menu__left .ct_menu__section_bottom .ct_cta__container a {
    width: 100%;
  }
}
#offers-nav-panel .ct_menu__center .ct_menu__main {
  padding: 24px 32px 0 32px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  #offers-nav-panel .ct_menu__center .ct_menu__main {
    padding: 24px 16px;
  }
}
#offers-nav-panel .ct_menu__banner .ct_banner .ct_img__container picture {
  margin: 16px 16px 0 16px;
}
@media screen and (max-width: 768px) {
  #offers-nav-panel .ct_menu__banner .ct_banner .ct_img__container picture {
    margin: 0;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  #offers-nav-panel .ct_menu__banner .ct_banner .ct_img__container picture img {
    height: 100%;
    width: 100%;
  }
}
#offers-nav-panel .ct_menu__banner .ct_banner .ct_text__overlay {
  padding: 8px 15px 0px 16px;
  position: relative;
}
#offers-nav-panel .ct_menu__banner.ct_menu__banner .ct_cta__container a {
  margin-top: 18px;
}
@media screen and (max-width: 768px) {
  #offers-nav-panel .ct_offers_ddm_mob {
    padding: 0px 16px 16px 16px;
  }
}
#offers-nav-panel .ct_offers_ddm_mob #ct_ddm_title_fix {
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  #offers-nav-panel .ct_offers_ddm_mob #ct_ddm_title_fix {
    margin-bottom: 4px;
  }
}

#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span, #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span {
  font-family: "sofia-pro", sans-serif;
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  line-height: 28px;
}
@media (min-width: 1025px) and (max-width: 1219px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span, #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    letter-spacing: normal;
  }
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span:before, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span:before, #lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span:before, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main .ct_menu__highlights_item span:before {
  background-color: #222222;
  height: 2px;
  top: 100%;
}

#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs {
  padding: 0;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main {
  padding: 24px 0 0;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 34px;
  }
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCSB_container {
    gap: 24px;
  }
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox {
  padding: 0 32px;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox {
    padding: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .mCustomScrollBox {
    padding: 0 16px;
  }
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section {
    padding: 0 16px;
  }
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section .ct_menu__section_list, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section .ct_menu__section_list, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section .ct_menu__section_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container {
  margin-bottom: 0;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section:last-child, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section:last-child, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section:last-child {
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section:last-child, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section:last-child, #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main .ct_menu__section:last-child {
    margin-bottom: 0;
  }
}

#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs {
  padding: 24px 0px !important;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs {
    padding: 16px 0px 24px 0px !important;
  }
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses {
  padding-top: 0px !important;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs:not(:only-child), #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs:not(:only-child) {
  height: auto;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_title span, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_title span {
    line-height: 20px;
    padding-bottom: 4px;
  }
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights {
  flex-direction: row !important;
  gap: 8px;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item {
  display: flex;
  width: 145.667px;
  height: 122px;
  padding-bottom: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #FAFAFA;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item img, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item img {
  height: 70.997px;
  flex-shrink: 0;
  align-self: stretch;
  aspect-ratio: 145.67/71;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item .ct_menu__label span, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item .ct_menu__label span {
  color: #222;
  text-align: center;
  font-family: sofia-pro;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item:hover, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item:hover {
  background: #EFEFEF;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item:hover .ct_menu__label, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs.ai-glasses .ct_menu__section_highlights .ct_menu_item:hover .ct_menu__label {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: #222;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs {
  height: 44%;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section {
  gap: 0;
  padding: 0px 32px 0px 64px;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section {
    padding: 0 16px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .ct_menu__section {
    padding: 0 16px 0 32px;
  }
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom {
  padding: unset;
  position: unset;
  margin: 0;
}
#eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container {
  padding-left: 64px;
}
@media (max-width: 1024px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container {
    padding: 0 16px;
  }
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container a, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container a {
    width: 100%;
  }
}
@media (max-height: 420px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container a, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container a {
    width: unset;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #eyeglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container, #sunglasses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container {
    padding-left: 32px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs {
    padding: 24px 16px 24px 32px;
  }
}
#contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_6_container {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
#contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container {
  height: 100%;
}
@media screen and (min-width: 1025px) {
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left.mCustomScrollJs .ct_menu__main.mCustomScrollJs .mCSB_container .ocr-login-container {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
#contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_title {
  margin-bottom: 0px;
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_highlights {
    gap: 0px !important;
  }
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_highlights .ct_menu__section_title {
    margin-bottom: 16px;
  }
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_highlights {
    gap: 16px;
  }
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    padding-bottom: 8px;
  }
}
#contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
  gap: 16px;
  align-self: auto;
}
@media screen and (min-width: 1440px) {
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    padding-right: 0px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ocr-login-container .ocr-guest-title {
    font-size: 14px;
  }
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ocr-login-container .ocr-guest-desc {
    font-size: 12px;
  }
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ocr-login-container .ct_mt__s {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1024px) {
  #contact-lenses-nav-panel .ct_container.ct_menu__column.ct_menu__center.mCustomScrollJs .ct_menu__main {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1024px) {
  #contact-lenses-nav-panel .container .contacts-list-container .contacts-list-holder {
    padding-bottom: 24px !important;
  }
}

@media only screen and (min-width: 1025px) {
  .my-account-logged-redesign {
    width: 215px;
    height: 100px;
    display: flex;
    position: absolute;
    z-index: 2;
    right: 0;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 5.9px 11.8px 0 rgba(96, 97, 112, 0.16), 0 0 2.9px 0 rgba(40, 41, 61, 0.04);
    top: 36px;
    z-index: 999;
  }
  .my-account-logged-redesign ul {
    display: flex;
    flex-direction: column;
    margin-left: 0;
    padding-left: 0;
    padding-right: 40px;
  }
  .my-account-logged-redesign ul a {
    margin: 0 40px 16px 20px;
    display: flex;
    align-items: center;
    margin: 0 25px;
    height: 100%;
    font-family: sofia-pro, sans-serif;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.5px;
    text-align: left;
    text-decoration: none;
    color: #222;
    position: relative;
  }
  .my-account-logged-redesign ul a label {
    cursor: pointer;
    margin-left: 10px;
    width: 100px;
    font-weight: unset;
    font-size: unset;
  }
}

.ct_container .ct_text__overlay .ct_text__primary .new-label-primary-title {
  color: var(--Base-Black, #222);
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px !important;
  text-transform: uppercase;
}
.ct_container .ct_text__overlay .ct_text__primary .new-label-primary-subtitle {
  color: var(--Base-Black, #222);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px !important;
}
@media screen and (max-width: 768px) {
  .ct_container.mobile-labels {
    padding: 0 16px !important;
  }
  .ct_container.mobile-labels .ct_text__primary .new-label-primary-title {
    margin-bottom: 4px;
  }
  .ct_container.mobile-labels .ct_text__primary .new-label-primary-subtitle {
    margin-bottom: 16px;
  }
  .ct_container.mobile-labels .ct_text__primary:not(:has(.new-label-primary-subtitle)) .new-label-primary-title {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .ct_container.mobile-labels {
    display: none !important;
  }
}
.ct_container.ct_menu__column {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background-color: #ffffff;
}
.ct_container.ct_menu__column .ct_menu__main {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 32px;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column .ct_menu__main {
    padding: 32px 16px;
  }
}
.ct_container.ct_menu__column .ct_menu__section.ct_lenses_menu_left {
  margin-bottom: 16px;
}
.ct_container.ct_menu__column .ct_menu__section.ct_lenses_menu_left .ct_menu__section_highlights {
  margin-bottom: 16px;
}
.ct_container.ct_menu__column .ct_menu__section.ct_lenses_menu_left .ct_menu__section_description {
  display: flex;
  background: #f6f6f6;
  padding: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}
.ct_container.ct_menu__column .ct_menu__section.ct_lenses_menu_left .ct_menu__section_description span {
  font-size: 14px;
  line-height: 18px;
}
.ct_container.ct_menu__column .ct_menu__section.ct_lenses_menu_left .ct_menu__section_description span .underline {
  color: #222222;
  font-size: 14px;
  font-weight: 700;
  text-decoration-line: underline !important;
}
.ct_container.ct_menu__column .ct_menu__section.ct_lenses_menu_left .ct_menu__section_logos_left:hover {
  background-color: #f6f6f6;
}
.ct_container.ct_menu__column .ct_menu__section.ct_menu_section_mobile_left .ct_menu__section_logos_left a {
  border: 0.5px solid #d8d8d8;
  border-radius: 4px;
  height: 44px;
  padding: 8px 15px 8px 15px;
  width: 88px;
}
.ct_container.ct_menu__column .ct_menu__section:last-child {
  margin-bottom: 0;
}
@media (max-height: 420px) {
  .ct_container.ct_menu__column .ct_menu__section:last-child {
    margin-bottom: 80px;
  }
}
.ct_container.ct_menu__column .ct_menu__section .img_container {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  background-color: #F6F6F6;
  flex-shrink: 0;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title {
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: 16px;
  position: relative;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title .divider {
  margin: 0 5px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title span {
  display: inline-block;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
  text-transform: uppercase;
  text-transform: uppercase;
  margin-bottom: 4px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title span {
    margin-bottom: 0;
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.71;
    text-transform: uppercase;
  }
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title span.greyed {
  color: #767676;
  font-weight: 400;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title .ct_menu__viewall {
  display: inline-block;
  position: absolute;
  right: 0;
  top: -3px;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #222222;
  line-height: 1.5;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title .ct_menu__viewall::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 0;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title .ct_menu__viewall:hover::before {
  width: 100%;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title .ct_menu__viewall::before {
    width: 100%;
  }
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_title .ct_menu__viewall .icon {
  height: 11px;
  width: 6px;
  margin-top: -2px;
  vertical-align: middle;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item {
  justify-content: flex-start;
  cursor: pointer;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item:last-child {
  margin-bottom: 0;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item .ct_menu__image {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item .ct_menu__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item .ct_menu__label span {
  display: inline-block;
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #222222;
  color: #222222;
  line-height: 1.15;
  font-size: 20px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item .ct_menu__label span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item .ct_menu__label span:hover::before {
    width: 0;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item .ct_menu__label span {
    font-family: "sofia-pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
  }
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item .ct_menu__label span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  height: 4px;
  width: 0;
  background-color: #557b92;
  transition: all 0.3s ease;
  pointer-events: none;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item:hover .ct_menu__label span::before {
  width: 100%;
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_item.ct_active .ct_menu__label span::before {
    width: 56px;
  }
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container {
  display: flex;
  gap: 8px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__highlights_item .ct_menu__icon-container {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid var(--Base-Other-Color-5, #88ABBA);
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__highlights_item .ct_menu__icon-container .lenses-offer-icon-container {
  width: 16px;
  height: 17px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container {
  display: flex;
  flex-direction: column;
  position: sticky;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item {
  height: auto;
  margin: auto 0;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item span.label-offer {
  color: var(--Base-Text-Dark, #222);
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item span.label-offer.promo-label {
  color: var(--Base-Other-Color-3, #244C5A);
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item span.label-offer.promo-label {
    font-size: 14px;
  }
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item span.label-offer::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  margin-top: 23px;
  height: 1px;
  width: 0;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item span.label-offer:hover::before {
  width: 100%;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item span.label-offer {
    font-size: 14px;
    line-height: 20px;
  }
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item.sub-item {
  height: 16px;
  line-height: unset;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item.sub-item span {
  color: var(--Base-Gray-Dark, #767676);
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_items-container .ct_menu__labels-container .ct_menu__list_item.sub-item span::before {
  content: unset;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container .ct_menu__list_item_badge {
  display: none;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container.badge .ct_menu__list_item_badge {
  display: flex;
  padding: 4px 12px;
  align-self: baseline;
  gap: 4px;
  border-radius: 100px;
  background: var(--Base-Primary, #557B92);
  color: var(--Base-Text-Light, #FFF);
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container.badge .ct_menu__list_item span {
  font-weight: 600;
  color: var(--Base-Other-Color-3, #244C5A);
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item_container:last-of-type .ct_menu__list_item {
  margin-bottom: 0;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item {
  display: block;
}
@media screen and (max-width: 767px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item {
    font-size: 16px;
  }
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item span {
  display: inline-block;
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #222222;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 0;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
.ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item span:hover::before {
  width: 100%;
}
@media screen and (min-width: 1051px) and (max-width: 1220px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item span {
    font-size: 14px;
  }
}
@media (min-width: 1025px) and (max-width: 1050px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item span {
    font-size: 13px;
  }
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__column .ct_menu__section .ct_menu__section_list .ct_menu__list_item:hover span::before {
    width: 100%;
  }
}
.ct_container.ct_menu__column.ct_menu__left, .ct_container.ct_menu__column.ct_menu__center {
  height: 100%;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__left, .ct_container.ct_menu__column.ct_menu__center {
    height: auto;
  }
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__main, .ct_container.ct_menu__column.ct_menu__center .ct_menu__main {
  padding: 32px 64px;
  padding-bottom: 152px;
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__main .ct_menu__section .ct_menu__section_title, .ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section .ct_menu__section_title {
  width: 100%;
}
@media (max-width: 1400px) {
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__main, .ct_container.ct_menu__column.ct_menu__center .ct_menu__main {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__main, .ct_container.ct_menu__column.ct_menu__center .ct_menu__main {
    padding: 32px 16px;
  }
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom {
  padding: 8px 32px 32px;
  position: absolute;
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom {
    padding: 0;
    position: relative;
  }
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom .ct_cta__container {
    width: 100%;
  }
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container a, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom .ct_cta__container a {
    width: 100%;
  }
}
@media (max-height: 420px) {
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom {
    padding: 8px 16px 16px;
    position: absolute;
    margin: 0 0 24px 64px;
  }
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom a, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom a {
    width: 100%;
  }
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom::before, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 72px;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom::before, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom::before {
    content: none;
  }
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom.bg-greyed, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom.bg-greyed {
  background: #f6f6f6;
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom.bg-greyed::before, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom.bg-greyed::before {
  display: none;
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom .ct_cta__container {
  margin: 0;
}
.ct_container.ct_menu__column.ct_menu__left .ct_menu__section_bottom .ct_cta__container a, .ct_container.ct_menu__column.ct_menu__center .ct_menu__section_bottom .ct_cta__container a {
  margin: 0;
  box-sizing: border-box;
}
.ct_container.ct_menu__column.ct_menu__center {
  background: #f6f6f6;
  height: 100%;
  /*&::before{
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      //height: 100px; REMOVED BEACUSE ISN'T PRESENT IN FIGMA
      background: rgb(246,246,246);
      background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%);
      pointer-events: none;
      z-index: 1;

      @media (max-width: $break-mobile-max) {
          content: none;
      }
  }*/
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__center {
    height: auto;
  }
}
.ct_container.ct_menu__column.ct_menu__center .ct_menu__main {
  padding-bottom: 152px;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__center .ct_menu__main {
    padding-bottom: 32px;
  }
}
.ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_cta__container a {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.ct_container.ct_menu__column.ct_menu__center .ct_menu__main .ct_menu__section_list .icon {
  width: 16px;
  height: 16px;
}
.ct_container.ct_menu__column.ct_menu__banner {
  padding: 0;
  height: 100%;
}
.ct_container.ct_menu__column.ct_menu__banner .ct_text__overlay.ct_text_relative {
  position: relative;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__banner {
    padding: 16px;
    height: auto;
    margin-bottom: 8px;
  }
}
.ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_img__container picture {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_img__container picture {
    padding: 0px;
  }
}
.ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_img__container img {
  height: 310px;
  width: 310px;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_img__container img {
    height: 343px !important;
    width: 100% !important;
    object-position: top;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_img__container img {
    height: 343px !important;
    width: 343px !important;
  }
}
.ct_container.ct_menu__column.ct_menu__banner .ct_banner h2, .ct_container.ct_menu__column.ct_menu__banner .ct_banner h3, .ct_container.ct_menu__column.ct_menu__banner .ct_banner h4, .ct_container.ct_menu__column.ct_menu__banner .ct_banner h5, .ct_container.ct_menu__column.ct_menu__banner .ct_banner div, .ct_container.ct_menu__column.ct_menu__banner .ct_banner p, .ct_container.ct_menu__column.ct_menu__banner .ct_banner span, .ct_container.ct_menu__column.ct_menu__banner .ct_banner strong, .ct_container.ct_menu__column.ct_menu__banner .ct_banner br {
  line-height: 1;
}
.ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_text__overlay {
  /*background: rgb(34,34,34);
  background: linear-gradient(0deg, rgba(34,34,34,0.69) 0%, rgba(34,34,34,0) 100%);*/
  background: #fff !important;
  padding: 8px 16px 0px 16px;
}
.ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_text__overlay .ct_text__prirmary {
  line-height: 16px !important;
}
.ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_text__overlay .ct_mb__m {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__banner .ct_banner .ct_text__overlay .ct_mb__m {
    height: 16px;
  }
}
.ct_container.ct_menu__column.ct_menu__banner.ct_menu__banner_contacts {
  height: calc(100% - 110px);
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__banner.ct_menu__banner_contacts {
    height: auto;
  }
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__main {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 32px;
}
@media (max-width: 1025px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__main .ocr-header-login-container {
    margin-top: 16px;
  }
}
@media (max-width: 1025px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__main .ct_menu__left.mCustomScrollJs {
    padding: 24px 16px 24px 16px;
    padding: 10px;
  }
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__main #mCSB_5_container {
  display: flex;
  flex-direction: column;
  height: 99%;
  justify-content: space-between;
  gap: 16px;
}
@media (max-width: 1025px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__main #mCSB_5_container {
    padding: 10px;
  }
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights {
  align-items: normal;
  gap: 24px;
}
@media (min-width: 1440px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights {
    gap: 16px;
  }
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
  display: grid;
  grid-template-columns: 29.2% 29.2% 29.2%;
  grid-auto-rows: 50px;
  gap: 16px;
  align-self: auto;
  padding-right: 24px;
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    grid-template-columns: 8vw 8vw 8vw;
    grid-auto-rows: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    grid-template-columns: 31% 31% 31%;
  }
}
@media (min-width: 1440px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    grid-template-columns: repeat(4, 100px) !important;
    grid-auto-rows: 50px 50px 24px !important;
  }
}
@media (max-width: 459px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    padding-right: 0;
  }
}
@media (min-width: 470px) and (max-width: 759px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid {
    padding-right: 0;
    grid-template-columns: repeat(4, 100px);
  }
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid.ocr-grid {
    gap: 8px;
    grid-template-columns: repeat(4, 86px);
    grid-auto-rows: 40px;
  }
}
@media (max-width: 420px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid.ocr-grid {
    gap: 14px;
    grid-template-columns: 100px 100px 100px;
    grid-auto-rows: 50px;
  }
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item {
  justify-content: flex-start;
  cursor: pointer;
  margin: 0px;
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:last-child {
  flex-direction: column-reverse;
  align-items: flex-start;
  cursor: default;
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:last-child:hover {
  background: unset;
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:last-child p {
  font-size: 12px;
  line-height: 16px;
  cursor: default;
}
@media (min-width: 1440px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:last-child {
    flex-direction: column;
  }
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:hover {
  background: var(--Base-Gray-Ultra-light, #F6F6F6);
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__brand_image {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  border: 0.5px solid #d8d8d8;
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__brand_image img, .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__brand_image svg {
  width: 100%;
  height: 100%;
  padding: 4px;
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__label span {
    font-family: "sofia-pro", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    color: #222222;
    line-height: 1.5;
  }
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__label span::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 100%;
    height: 1px;
    width: 0;
    background-color: #222222;
    transition: all 0.3s ease;
    pointer-events: none;
  }
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item .ct_menu__label span:hover::before {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item:hover .ct_menu__label span::before {
    width: 100%;
  }
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_menu__highlights_brandgrid .ct_menu__highlights_brandgrid_item.ct_active .ct_menu__label span::before {
    width: 56px;
  }
}
@media (max-width: 1025px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_highlights .ct_cta__container a {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_bottom {
    display: block;
    position: relative;
    padding: 0 8px 8px;
  }
  .ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_bottom a {
    width: 100%;
  }
}
.ct_container.ct_menu__column.ct_menu__cl .ct_menu__section .ct_menu__section_title {
  border-bottom: 2px solid #d8d8d8;
  margin-bottom: 16px;
  position: relative;
  /*span{
      display: inline-block;
      @include SofiaPro__Small_Capitalized_SemiBold;
      text-transform: uppercase;
      margin-bottom: $spacing-xxs;

      @media (max-width: $break-mobile-max) {
          margin-bottom: 0;
          @include SofiaPro__Medium_Capitalized_SemiBold;
      }
  }*/
}
.ct_container.ct_menu__column.ct_background__lightgrey {
  background: #f6f6f6;
}
@media (max-width: 1024px) {
  .ct_container.ct_menu__column.column-reverse-mobile {
    flex-direction: column-reverse !important;
  }
}
.ct_container.ct_menu__brands .ct_menu__main {
  overflow-y: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  padding-bottom: 0 !important;
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up {
  margin-bottom: 0;
  padding: 0 16px;
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_cta__container {
  display: none;
}
@media (max-width: 1024px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_cta__container {
    display: block;
    padding: 0 0 24px 0;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos {
  align-items: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media (max-width: 1024px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos {
    margin-bottom: 24px;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos .ct_menu__brandlogos_item {
  border: 0.5px solid #d8d8d8;
  border-radius: 4px;
  height: 50px;
  padding: 8px 24px 8px 24px;
  width: 29.2%;
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos .ct_menu__brandlogos_item img {
  width: 100%;
  height: 100%;
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos .ct_menu__brandlogos_item:hover {
  background-color: #F6F6F6;
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos .ct_menu__brandlogos_item {
    height: 50px;
    width: 100px;
  }
}
@media (min-width: 1440px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos .ct_menu__brandlogos_item {
    height: 40px;
    width: 100px;
  }
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up .ct_menu__section_brandlogos .ct_menu__brandlogos_item:nth-child(6n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_up {
    padding: 0 16px 0 32px !important;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom {
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 1440px) and (min-height: 680px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom {
    height: 100%;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist {
  display: flex;
  flex-direction: column;
  gap: 8px;
  column-gap: 8px;
  align-content: space-between;
}
@media (min-width: 1025px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist {
    flex-wrap: wrap;
  }
}
@media (min-width: 1025px) and (max-width: 1070px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist {
    max-height: 25vh;
    width: 100%;
    gap: 3px;
  }
}
@media (min-width: 1071px) and (max-width: 1190px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist {
    max-height: 32vh;
    width: 100%;
  }
}
@media (min-width: 1191px) and (max-width: 1280px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist {
    max-height: 32vh;
    height: auto;
    width: 100%;
  }
}
@media (min-width: 1281px) and (max-width: 1439px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist {
    max-height: 32vh;
    height: auto;
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist {
    max-height: 32vh;
    height: auto;
    width: 100%;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu_brandlist_listitems {
  display: inline-flex;
  flex-direction: column;
  width: 168px;
}
@media (min-width: 1280px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu_brandlist_listitems {
    max-width: 168px;
    width: 100%;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu__brandlist_item {
  border-left: 1px solid #d8d8d8;
  padding-left: 16px;
  line-height: 0;
}
@media screen and (max-width: 1024px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu__brandlist_item {
    padding-bottom: 16px;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu__brandlist_item span {
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #222222;
  line-height: 1.5;
  line-height: 20px;
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu__brandlist_item span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 0;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu__brandlist_item span:hover::before {
  width: 100%;
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_menu__section_brandlist .ct_menu__brandlist_item span {
    line-height: 16px;
    font-size: 12px;
  }
}
.ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_cta__container {
  padding: 0 !important;
}
@media (min-width: 1450px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_cta__container {
    position: static;
    padding-top: 24px;
    bottom: 0;
  }
}
@media (min-width: 1440px) and (min-height: 680px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom .ct_cta__container {
    position: absolute;
    bottom: 32px;
  }
}
@media (max-width: 1024px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom {
    background-color: #f6f6f6;
    padding: 24px !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
  .ct_container.ct_menu__brands .ct_menu__main .ct_menu__brands_bottom {
    padding: 16px 16px 0 32px !important;
  }
}
.ct_container .ct_menu__main.ct_menu__main_minHeigh {
  min-height: 479px;
}
.ct_container .ct_menu__main.ct_pad__right_small {
  padding: 32px 32px 32px 64px !important;
}
.ct_container .ct_menu__main .ct_menu__section.ct_menu__sectionOEE_bottom {
  margin-top: 64px;
}
@media (min-width: 1450px) {
  .ct_container .ct_menu__main .ct_menu__section.ct_menu__sectionOEE_bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 32px 32px 32px 64px;
  }
}
.ct_container .ct_menu__main .ct_menu__section.ct_menu__sectionOEE_bottom .ct_cta__container {
  padding-top: 27px !important;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_subtitle {
  margin-bottom: 32px;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_listInfo .ct_menu__listInfo_item {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_listInfo .ct_menu__listInfo_item .ct_menu__image {
  width: 32px;
  height: 32px;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_listInfo .ct_menu__listInfo_item .ct_menu__image img {
  width: 100%;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_listInfo .ct_menu__listInfo_item .ct_menu__label {
  padding-left: 24px;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_listInfo .ct_menu__listInfo_item .ct_menu__label span {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_title_primary span {
  margin-top: 24px;
  display: block;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_oee_input {
  margin-top: 10px;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_oee_input input.store-input {
  height: 40px;
  width: 92.6%;
  border-radius: 100px;
  background: #f6f6f6;
  border: none;
  outline: none;
  text-indent: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
}
@media (max-width: 1427px) {
  .ct_container .ct_menu__main .ct_menu__section .ct_menu__section_oee_input input.store-input {
    width: 91.6%;
  }
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_oee_input button.submit-find-store {
  position: absolute;
  right: 0;
  height: 40px;
  width: 33.4%;
  display: inline-block;
}
.ct_container .ct_menu__main .ct_menu__section .ct_menu__section_oee_input button.submit-find-store.button-medium-blue-fill {
  max-width: none;
}
.ct_container.ct_promo__strip {
  width: 100%;
  background-color: #192c50;
  height: 32px;
  padding: 4px 64px;
  text-align: center;
}
@media (max-width: 1024px) {
  .ct_container.ct_promo__strip {
    padding: 4px;
    height: 40px;
  }
}
@media (max-width: 330px) {
  .ct_container.ct_promo__strip {
    height: auto;
  }
}
.ct_container.ct_promo__strip .ct_promo__strip_content {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 330px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content {
    justify-content: space-around;
  }
}
.ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  color: #ffffff;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 330px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink {
    flex-direction: column;
    align-items: flex-start;
  }
}
.ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink span {
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
  color: #ffffff;
  line-height: 1.5;
  font-weight: 100;
  margin: 0 16px 0 8px;
}
.ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink span::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink span:hover::before {
    width: 0;
  }
}
@media (min-width: 330px) and (max-width: 767px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink span {
    margin: 0 8px 0 8px;
  }
}
@media (max-width: 330px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink span {
    margin: 0;
  }
}
.ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink:hover > span::before {
  width: 0;
}
.ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_otherOffers {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
  line-height: 1 !important;
  display: inline-block;
  position: relative;
  padding: 4px 16px !important;
}
@media (max-width: 1024px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_otherOffers {
    width: 24px;
    padding: 0 !important;
  }
}
@media (max-width: 1024px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_otherOffers span.ct_text_offers {
    display: none;
  }
}
.ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_otherOffers span.ct_arrow_offers {
  height: 6px;
  width: 6px;
  border: 1px solid #ffffff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  display: inline-block;
  position: relative;
  cursor: pointer;
  top: -2px;
  right: -2px;
}
@media (max-width: 1024px) {
  .ct_container.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_otherOffers span.ct_arrow_offers {
    top: 2px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_promo__strip.ct_has_countdown {
    padding: 8px 16px;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip {
    height: auto;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content {
    justify-content: space-evenly;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink {
    font-size: 12px;
    flex-wrap: wrap;
    padding-right: 32px;
  }
}
@media (max-width: 330px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 330px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink {
    align-items: center;
  }
}
.ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink .ct-countdown {
  padding-right: 15px;
  font-size: 14px;
  width: 200px;
  text-align: right;
}
@media (max-width: 767px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink .ct-countdown {
    font-size: 12px;
    display: inline-block;
    width: 105px;
    text-align: right;
    padding-right: 5px;
  }
}
@media (max-width: 330px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink .ct-countdown {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_mainLink span {
    display: inline-block;
    font-size: 12px;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .ct_container.ct_promo__strip.ct_has_countdown.ct_promo__strip .ct_promo__strip_content .ct_promo__strip_otherOffers {
    position: absolute;
    right: 16px;
  }
}

.header-menu .nav-links .nav-link li.active .exit-button .ct_container {
  overflow: visible;
}
.header-menu .nav-links .nav-link li.active .exit-button .ct_container .ct_menu__viewall {
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #222222;
  line-height: 1.5;
  position: relative;
}
.header-menu .nav-links .nav-link li.active .exit-button .ct_container .ct_menu__viewall::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 0;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
.header-menu .nav-links .nav-link li.active .exit-button .ct_container .ct_menu__viewall:hover::before {
  width: 100%;
}
.header-menu .nav-links .nav-link li.active .exit-button .ct_container .ct_menu__viewall::before {
  width: 100%;
}

.contacts-list-container {
  position: relative;
  background: #f6f6f6;
  /*&::before{
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 152px;
      background: rgb(246,246,246);
      background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(246,246,246,0) 100%);
      pointer-events: none;
      z-index: 1;

      @media (max-width: $break-mobile-max) {
          content: none;
      }
  }*/
}
@media (max-width: 767px) {
  .contacts-list-container {
    padding-bottom: 32px;
  }
}
.contacts-list-container .contacts-list-holder {
  overflow-y: auto;
  padding-bottom: 152px !important;
  height: 100%;
}
.contacts-list-container .contacts-list-holder .contacts-list {
  padding: 0 32px !important;
  height: auto !important;
}
.contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill {
  padding: 0;
  height: auto !important;
}
.contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .ng-scope {
  padding: 0;
}
.contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .ng-scope:not(:last-child) {
  margin-bottom: 32px;
}
.contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .ng-scope a {
  justify-content: flex-start;
  text-decoration: none;
}
.contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .ng-scope a img {
  margin-right: 8px;
  transform-origin: 50% 30%;
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.contacts-list-container .contacts-list-holder .contacts-list .contacts-list-fill .ng-scope a .ng-binding {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  font-weight: normal;
  color: #222222;
  pointer-events: none;
  text-transform: uppercase;
}

.ct_overlay__telecomando {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s linear;
}
.ct_overlay__telecomando.ct_showTelecomando {
  position: fixed;
  z-index: 1000;
  pointer-events: auto;
  opacity: 100;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .ct_overlay__telecomando.ct_showTelecomando {
    padding: 16px;
  }
}

.ct_telecomando {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 580px;
  max-height: 97vh;
  overflow-y: scroll;
  padding: 24px 32px !important;
  border-radius: 8px;
  box-shadow: 0 5.9px 11.8px 0 rgba(96, 97, 112, 0.16), 0 0 2.9px 0 rgba(40, 41, 61, 0.04);
  background-color: #ffffff;
  text-align: center;
}
@media (max-width: 767px) {
  .ct_telecomando {
    width: calc(100% - 32px);
    margin: 16px auto !important;
    padding: 32px 16px !important;
    transform: none;
    top: 0;
    left: auto;
  }
}
.ct_telecomando .ct_close_telecomando {
  font-family: sans-serif;
  font-size: 32px;
  font-weight: 100;
  position: absolute;
  right: 15px;
  top: 0px;
  cursor: pointer;
}
.ct_telecomando .ct_title {
  font-family: "minerva-modern", sans-serif;
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: 0.14px;
  margin-bottom: 24px;
  display: block;
}
.ct_telecomando .ct_telecomando_tile {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  border: solid 1px #767676;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.2s linear;
}
.ct_telecomando .ct_telecomando_tile.ct_telecomando_active, .ct_telecomando .ct_telecomando_tile:hover {
  background-color: #192c50;
  color: #ffffff;
}
.ct_telecomando .ct_telecomando_tile.ct_telecomando_active span, .ct_telecomando .ct_telecomando_tile:hover span {
  color: #ffffff;
}
.ct_telecomando .ct_telecomando_tile.ct_telecomando_active .ct_fake_link, .ct_telecomando .ct_telecomando_tile:hover .ct_fake_link {
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #ffffff;
}
.ct_telecomando .ct_telecomando_tile.ct_telecomando_active .ct_fake_link::before, .ct_telecomando .ct_telecomando_tile:hover .ct_fake_link::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  background-color: #ffffff;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .ct_telecomando .ct_telecomando_tile.ct_telecomando_active .ct_fake_link:hover::before, .ct_telecomando .ct_telecomando_tile:hover .ct_fake_link:hover::before {
    width: 0;
  }
}
@media (max-width: 1024px) {
  .ct_telecomando .ct_telecomando_tile:hover {
    background-color: #ffffff;
    color: #222222;
  }
  .ct_telecomando .ct_telecomando_tile:hover span {
    color: #222222;
  }
  .ct_telecomando .ct_telecomando_tile:hover .ct_fake_link {
    position: relative;
    font-family: "sofia-pro", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: 0.5px;
    color: #222222;
  }
  .ct_telecomando .ct_telecomando_tile:hover .ct_fake_link::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 100%;
    height: 1px;
    width: 100%;
    background-color: #222222;
    transition: all 0.3s ease;
    pointer-events: none;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .ct_telecomando .ct_telecomando_tile:hover .ct_fake_link:hover::before {
    width: 0;
  }
}
.ct_telecomando .ct_telecomando_tile span {
  margin-bottom: 4px;
  display: block;
  color: #222222;
}
.ct_telecomando .ct_telecomando_tile .ct_onlineStore {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.ct_telecomando .ct_telecomando_tile .ct_applyCart {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: 0.16px;
  line-height: 24px;
  font-size: 10px;
}
.ct_telecomando .ct_telecomando_tile .ct_fake_link {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.14;
  letter-spacing: 0.5px;
  color: #222222;
}
.ct_telecomando .ct_telecomando_tile .ct_fake_link::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 100%;
  height: 1px;
  width: 100%;
  background-color: #222222;
  transition: all 0.3s ease;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .ct_telecomando .ct_telecomando_tile .ct_fake_link:hover::before {
    width: 0;
  }
}
.ct_telecomando .ct_cta__container {
  display: inline-block !important;
}
.ct_telecomando .ct_cta__container a {
  padding: 0 32px;
}

#header_wrapper .col-md-4 {
  padding: 0;
  height: 100%;
}
@media (max-width: 767px) {
  #header_wrapper .col-md-4 {
    height: auto;
  }
}
#header_wrapper .col-md-4 .banner {
  height: 100%;
}
#header_wrapper .col-md-4 .ct_container {
  max-width: 100vw;
}
#header_wrapper .nav-links {
  z-index: 999;
}

.left-sidebar {
  z-index: 1000;
}

.header-menu .nav-links .nav-link li.active[ng-class="selectedMenu == 5 ? 'active' : ''"] .exit-button.hide-md {
  justify-content: flex-start;
}

.header-menu .nav-links .button-medium-black-fill {
  background-color: #222222 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
.header-menu .nav-links .button-medium-black-fill:hover {
  background: var(--Dark-Gray, #767676) !important;
  box-shadow: 0px 0px 2.945px 0px rgba(40, 41, 61, 0.04), 0px 5.891px 11.782px 0px rgba(96, 97, 112, 0.16);
}
.header-menu .nav-links .button-medium-black-fill:hover::before {
  border-width: 0px !important;
}
.header-menu .nav-links .button-medium-black-outline,
.header-menu .nav-links .button-small-black-outline {
  font-weight: 700 !important;
  border-width: 0px solid transparent;
}
.header-menu .nav-links .button-medium-black-outline:hover,
.header-menu .nav-links .button-small-black-outline:hover {
  background: rgba(34, 34, 34, 0.05);
  border-width: 2px !important;
  color: black;
}
.header-menu .nav-links .button-medium-black-outline:hover::before,
.header-menu .nav-links .button-small-black-outline:hover::before {
  border-width: 1px;
}
.header-menu .nav-links .nav-link li .row.container img.lazy {
  display: none;
}
.header-menu .nav-links .nav-link li.active .row.container img.lazy {
  display: inherit;
}

#site-map-container {
  margin: 32px 10%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #site-map-container {
    margin: 32px 16px;
  }
}
#site-map-container .title {
  font-family: "minerva-modern", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.6px;
  margin-bottom: 24px;
  text-transform: none;
}
#site-map-container hr {
  height: 1px;
  background-color: #d8d8d8;
  border: none;
  margin: 8px 0px;
}
#site-map-container hr:last-child {
  display: none !important;
}
#site-map-container .category {
  margin-bottom: 24px;
}
#site-map-container .category-title span,
#site-map-container .category-title a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 24px;
}
#site-map-container .category-title span {
  color: #222222;
}
#site-map-container .category-title a {
  color: #557b92;
  text-decoration: underline;
}
#site-map-container .category-link-list {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  margin: 16px 0;
  padding: 0;
}
#site-map-container .category-link-list.overflows.expanded {
  padding-bottom: 40px;
}
#site-map-container .category-link-list.overflows.expanded .category-buttons {
  background: none;
}
#site-map-container .category-link-list.overflows:not(.expanded) {
  max-height: 160px;
  overflow: hidden;
}
#site-map-container .category-link-list.overflows:not(.expanded)::after {
  content: "";
  display: block;
  width: 100%;
  height: 40px;
  background: linear-gradient(0deg, rgb(255, 255, 255) 25%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
#site-map-container .category-link-list.overflows .category-buttons {
  position: absolute;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  padding: 30px 30px 0 30px;
  background: radial-gradient(ellipse at bottom center, white 30%, transparent 100%);
}
#site-map-container .category-link-list.overflows .category-buttons .category-expand,
#site-map-container .category-link-list.overflows .category-buttons .category-compress {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  border-style: solid;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.3s ease;
  position: relative;
  border-width: 1px;
  background-color: #557b92;
  border-color: #557b92;
  height: 32px;
  padding: 3px 16px 4px 16px;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.5px;
  color: #557b92;
  background-color: transparent;
  text-transform: uppercase;
  cursor: pointer;
}
#site-map-container .category-link-list.overflows .category-buttons .category-expand:before,
#site-map-container .category-link-list.overflows .category-buttons .category-compress:before {
  content: "";
  height: 100%;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 100px;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
#site-map-container .category-link-list.overflows .category-buttons .category-expand:hover:before,
#site-map-container .category-link-list.overflows .category-buttons .category-compress:hover:before {
  border-width: 3px;
}
#site-map-container .category-link-list.overflows .category-buttons .category-expand:hover,
#site-map-container .category-link-list.overflows .category-buttons .category-compress:hover {
  background-color: rgba(36, 76, 90, 0.2);
}
#site-map-container .category-link-list.overflows .category-buttons .category-expand:hover,
#site-map-container .category-link-list.overflows .category-buttons .category-compress:hover {
  background-color: invert(100%);
  color: invert(100%);
}
#site-map-container .category-link-list:not(.overflows) .category-buttons {
  display: none !important;
}
#site-map-container .category-link-list .category-link {
  --columns: 6;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 16px !important;
  padding: 10px 12px;
  color: #557b92;
  text-decoration: underline;
  width: calc(100% / var(--columns) - 2 * 2px);
  margin: 2px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  #site-map-container .category-link-list .category-link {
    --columns: 2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #site-map-container .category-link-list .category-link {
    --columns: 4;
  }
}

/* style footer it */
.subscribe {
  background-color: #ffffff;
  display: flex;
  border: none;
}
.subscribe div {
  border: none;
}
.subscribe div.divider {
  border-top: 2px solid #192c50;
  margin: 0px 16px;
}
.subscribe div.title-col {
  height: 200px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.title-col {
    height: 50px;
  }
}
.subscribe div.title-col div {
  display: contents;
}
.subscribe div.title-col div .sub-title {
  font-family: "minerva-modern", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: 0.005em;
  text-align: left;
  color: #222222;
  position: relative;
  top: 34%;
  border: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.title-col div .sub-title {
    text-align: center;
    display: block;
    font-size: 32px;
    line-height: 40px;
  }
}
.subscribe div.email-col {
  height: 200px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.email-col {
    height: 150px;
    top: 16%;
  }
}
.subscribe div.email-col form {
  display: inline-flex;
  height: inherit;
  width: inherit;
}
.subscribe div.email-col .div-up {
  border: none;
  display: flex;
  position: relative;
  top: 39%;
  height: 40px;
  flex-wrap: unset;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.email-col .div-up {
    top: 16%;
  }
}
.subscribe div.email-col .div-up input {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  width: 85%;
  background-color: #f6f6f6;
  border-radius: 100px;
  padding: 4px 32px 4px 30px;
  border: none;
}
.subscribe div.email-col .div-up input::placeholder {
  color: #767676;
}
.subscribe div.email-col .div-up input:focus {
  outline: none;
}
.subscribe div.email-col .div-up button {
  position: relative;
  right: 25px;
  border-radius: 100px;
  background-color: #557b92;
  text-align: center;
  padding: 4px 16px;
  width: 129px;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: center;
  color: #ffffff;
  border: none;
}
.subscribe div.email-col .div-up button:hover {
  background-color: #244c5a;
  border-width: 2px;
}
.subscribe div.email-col .div-up button:active {
  color: #767676;
  outline: none;
}
.subscribe div.email-col .div-up button:focus {
  outline: none;
}
.subscribe div.email-col .div-bottom {
  position: relative;
  top: 39%;
  border: none;
  color: #767676;
  margin-top: 15px;
  padding: 0px 0px 0px 18px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.email-col .div-bottom {
    margin-top: 15px;
    top: 16%;
  }
}
.subscribe div.email-col .div-bottom span {
  border: none;
  color: #767676;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: left;
}
.subscribe div.email-col .div-bottom span svg {
  margin: 0px 4px 0px 11px;
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.email-col .div-bottom span svg {
    margin: 0px 4px 0px 0px;
  }
}
.subscribe div.email-col .error {
  position: relative;
  top: 38%;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.email-col .error {
    top: 16%;
  }
}
.subscribe div.email-col .error .errorMessage {
  font-size: 12px;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  color: #e32118;
  margin: 15px 0px 0px 30px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.email-col .error .errorMessage {
    margin: 6px 0px 0px 52px;
  }
}
.subscribe div.email-col .subscribeDone {
  font-size: 32px;
  font-family: "minerva-modern", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  color: #557b92;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .subscribe div.email-col .subscribeDone {
    text-align: center;
    font-size: 28px;
  }
}

.footer {
  background-color: #557b92;
  border: none;
  width: 100%;
}
.footer.row {
  margin-left: 0;
  margin-right: 0;
}
.footer .main-footer {
  padding: 40px 48px 0px;
}
.footer .main-footer ul li:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .main-footer {
    padding: 0px;
    margin: 0px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .main-footer h3 {
    font-weight: 300;
    letter-spacing: 1px;
  }
}
.footer .bottom-md {
  position: relative;
  background-color: transparent !important;
  padding: 0px 64px;
}
.footer .gutter-page {
  border: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page {
    padding: 0px;
  }
  .footer .gutter-page.divider {
    margin: 0 16px;
  }
}
.footer .gutter-page .column {
  color: #ffffff;
  border: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .column {
    margin: 0px;
    padding: 0px;
  }
}
.footer .gutter-page .column h3, .footer .gutter-page .column h4 {
  text-transform: uppercase;
  border: none;
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.5px;
  text-align: left;
  margin: 16px 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .column h3, .footer .gutter-page .column h4 {
    cursor: pointer;
    visibility: unset;
    margin: 16px;
  }
}
.footer .gutter-page .column h3.hidden, .footer .gutter-page .column h4.hidden {
  display: none;
}
.footer .gutter-page .column .arrow {
  display: none;
  border: none;
  color: #ffffff;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  padding: 5px 5px 4px 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: -35px 10px 2px 4px;
  float: right;
  visibility: unset;
}
.footer .gutter-page .column .arrow.opened {
  transform: rotate(225deg);
  top: 5px;
  position: relative;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .column .arrow {
    display: -webkit-inline-box;
    margin: -35px 26px 2px 4px;
  }
}
.footer .gutter-page .column ul {
  border: none;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .column ul {
    background-color: #244c5a;
  }
}
.footer .gutter-page .column ul.nopadding {
  padding: 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .column ul {
    max-height: 0px;
    overflow-y: hidden;
    margin: 0px;
  }
  .footer .gutter-page .column ul.opened {
    max-height: 100%;
    transition: all linear 0.3s;
  }
  .footer .gutter-page .column ul.closed {
    height: 100%;
    transition: all linear 0.3s;
  }
}
.footer .gutter-page .column ul li {
  list-style: none;
  border: none;
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.005em;
  text-align: left;
  margin: 8px 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .column ul li {
    line-height: 44px;
    margin: 8px 16px;
  }
}
.footer .gutter-page .column ul li a {
  border: none;
  color: #ffffff;
  text-decoration: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.005em;
  text-align: left;
}
.footer .gutter-page .column ul li a.one-sight {
  width: 80px;
  height: 18px;
  display: flex;
}
.footer .gutter-page .column ul li a.one-sight svg {
  display: block;
  margin-top: 4px;
  height: 18px;
}
.footer .gutter-page .column ul li a.unidays {
  width: 56px;
  display: flex;
}
.footer .gutter-page .column ul li a.unidays svg {
  display: block;
  margin-top: 7px;
  height: 11px;
}
.footer .gutter-page .column ul.gvp-ul {
  overflow: unset;
  margin: 0;
  padding: 0;
  max-height: 20%;
  background-color: inherit;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .column ul.gvp-ul {
    text-align: center;
  }
}
.footer .gutter-page .column ul.gvp-ul li {
  display: inline;
  margin: 8px;
}
.footer .gutter-page .column ul.gvp-ul li a {
  font-size: 12px;
  font-weight: 100;
}
.footer .gutter-page .col-md-offset-8 {
  padding-right: 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .col-md-offset-8 {
    padding: 0px 56px;
  }
}
.footer .gutter-page .col-md-offset-8 .transaction-secure {
  width: 213px;
  position: relative;
  top: 10px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .col-md-offset-8 .transaction-secure {
    width: 100%;
    padding-bottom: 10px;
  }
}
.footer .gutter-page .col-md-offset-8 .payments-container li {
  margin: 0px 4px !important;
  width: 29px !important;
}
.footer .gutter-page .col-md-offset-8 .payments-container .affirm {
  margin: 0px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .col-md-offset-8 .pay-later-affirm {
    padding-top: 8px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .opened span {
    margin: 16px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .opened .other_brands_list {
    margin: 16px 0px 16px 16px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .gutter-page .opened .other_brands_list a {
    margin-right: 32px;
  }
}
.footer #payment {
  border: none;
  background-color: #557b92;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment {
    margin: 0;
  }
}
.footer #payment .nav {
  align-self: flex-end;
  border: none;
  margin-bottom: 8px;
  padding: 0px;
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav {
    margin: 0px 16px;
  }
  .footer #payment .nav.openedLang {
    padding-bottom: 170px;
  }
}
.footer #payment .nav.forterWebId.gvp {
  color: white;
  font-size: 12px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav.forterWebId.gvp {
    text-align: center;
    margin-top: 8px;
  }
}
.footer #payment .nav .selected-language {
  border: none;
  text-decoration: none;
  cursor: pointer;
  z-index: 1;
}
.footer #payment .nav .selected-language.openedLang {
  margin-top: -150px !important;
  margin-bottom: 20px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav .selected-language {
    margin: 16px 0px !important;
  }
}
.footer #payment .nav .selected-language span {
  border: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav .selected-language span {
    font-size: 16px;
    font-weight: 600;
  }
}
.footer #payment .nav .selected-language .ba {
  border: none;
  color: #ffffff;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px 4px 4px 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 6px 0px 2px 4px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav .selected-language .ba {
    float: right;
    margin: 6px 10px 2px 4px;
    padding: 5px 5px 4px 3px;
  }
}
.footer #payment .nav .selected-language .ba.openedLang {
  transform: rotate(225deg);
  top: 5px;
  position: relative;
}
.footer #payment .nav .lang-pop {
  width: 259px;
  height: auto;
  background-color: #ffffff;
  position: relative;
  border-radius: 7px;
  z-index: 2;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav .lang-pop {
    width: 100%;
    top: 50px;
  }
}
.footer #payment .nav .lang-pop.opened {
  display: block;
}
.footer #payment .nav .lang-pop.closed {
  display: none;
}
.footer #payment .nav .lang-pop ul {
  margin: 0px;
  padding: 15px !important;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav .lang-pop ul {
    display: inline-grid;
    padding: 20px;
  }
}
.footer #payment .nav .lang-pop ul li {
  list-style: none;
  border: none;
  color: #222222;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 31px;
  letter-spacing: 0.005em;
  text-align: left;
  display: inline-flex;
}
.footer #payment .nav .lang-pop ul li a {
  border: none;
  color: #222222;
  text-decoration: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left;
  margin-bottom: 13px;
  display: flex;
  align-items: center;
  padding-left: 26px;
}
.footer #payment .nav .lang-pop ul li a.selected-language {
  display: none;
}
.footer #payment .nav .lang-pop ul li a svg {
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.footer #payment .nav .lang-pop ul li a.selected {
  padding-left: 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment .nav .lang-pop ul li a.selected {
    padding-left: 5px;
  }
}
.footer #payment .nav .lang-pop ul li a.selected svg {
  display: inline-block;
}
.footer #payment .nav .lang-pop ul li:last-child() a {
  margin-bottom: 0;
}
.footer #payment .nav .lang-pop ul a.selected-language {
  display: none;
}
.footer #payment #footer_transaction_secure {
  border: none;
  position: relative;
  border: none;
  width: 25%;
  margin-bottom: 10px;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 64px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  font-size: 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment #footer_transaction_secure {
    background-color: #557b92;
    margin: 24px 0px 14px;
    position: relative !important;
    width: 100%;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    text-align: center;
    align-items: center;
  }
}
.footer #payment #footer_transaction_secure.gvp-payments {
  margin-bottom: -5px !important;
}
.footer #payment #footer_transaction_secure div span {
  border: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: right;
  color: #ffffff;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment #footer_transaction_secure div span {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.16px;
  }
}
.footer #payment #footer_transaction_secure div span.learn-more {
  text-decoration: underline;
}
.footer #payment #footer_transaction_secure div .payment-icons {
  border: none;
  display: flex;
  justify-content: flex-end;
  flex-flow: row nowrap;
  margin: 6px 0px;
  padding-left: 0px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment #footer_transaction_secure div .payment-icons {
    margin: 14px 0px 0px 0px;
    width: 100%;
    justify-content: center;
  }
}
.footer #payment #footer_transaction_secure div .payment-icons li {
  list-style: none;
  border: none;
  width: 32px;
  height: 20px;
  margin-right: 4.5px !important;
}
.footer #payment #footer_transaction_secure div .payment-icons li.klarna, .footer #payment #footer_transaction_secure div .payment-icons li.discover {
  padding-top: 0.7%;
  margin-right: 2px !important;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .footer #payment #footer_transaction_secure div .payment-icons li.klarna, .footer #payment #footer_transaction_secure div .payment-icons li.discover {
      /* Mac */
    }
    .footer #payment #footer_transaction_secure div .payment-icons li.klarna.klarna, .footer #payment #footer_transaction_secure div .payment-icons li.klarna.discover, .footer #payment #footer_transaction_secure div .payment-icons li.discover.klarna, .footer #payment #footer_transaction_secure div .payment-icons li.discover.discover {
      padding-top: 0px !important;
    }
  }
}
.footer #payment #footer_transaction_secure div .payment-icons li:last-child {
  margin-right: 0px !important;
}
.footer #payment #footer_transaction_secure div .payment-icons li .icon {
  width: 30px;
}
.footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-klarna-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.afterpay-klarna-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-klarna-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.klarna-cta {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
  white-space: normal;
  color: #ffffff;
  margin-top: 8px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-klarna-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.afterpay-klarna-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-klarna-cta, .footer #payment #footer_transaction_secure .learn-more-payments p.klarna-cta {
    text-align: center;
  }
}
.footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-klarna-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.afterpay-klarna-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-klarna-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.klarna-cta .learn-more {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-klarna-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.afterpay-klarna-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.affirm-afterpay-klarna-cta .learn-more, .footer #payment #footer_transaction_secure .learn-more-payments p.klarna-cta .learn-more {
    text-align: center;
  }
}
.footer .divider {
  padding: 0px 64px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer .divider {
    padding: 0;
  }
}
.footer .divider .col-xs-12 {
  border-top: 2px solid #244c5a;
  opacity: 0.2;
}
.footer #sub-footer {
  padding: 0px 64px;
  border: none;
  flex-flow: row nowrap;
  height: 40px;
  width: 100%;
  background-color: #557b92;
  letter-spacing: 0.5px;
  color: #ffffff;
  position: relative;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer {
    padding: 0 16px;
    height: auto;
    display: flex !important;
    justify-content: center;
  }
}
.footer #sub-footer .sub_footer_container {
  display: flex;
  flex: 1 0 auto;
  flex-flow: row nowrap;
  border: none;
  align-items: center;
  height: 40px;
  position: relative;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container {
    display: inline-grid;
    height: auto;
  }
}
.footer #sub-footer .sub_footer_container .social-icons {
  border: none;
  padding-left: 0px;
  display: flex;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container .social-icons {
    padding: 0 16px;
    margin-top: 25px;
    justify-content: space-between;
  }
}
.footer #sub-footer .sub_footer_container .social-icons a {
  border: none;
  margin-right: 23px;
  content: "";
  display: inline-block;
  display: flex;
  height: 100%;
  align-items: center;
}
.footer #sub-footer .sub_footer_container .social-icons a .icon {
  height: 17px;
  width: 17px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container .social-icons a .icon {
    height: 25px;
    width: 25px;
  }
}
.footer #sub-footer .sub_footer_container .social-icons a .icon use svg {
  width: 24px;
  height: 24px;
}
.footer #sub-footer .sub_footer_container .social-icons a.youtube-icon {
  margin-right: 23px;
}
.footer #sub-footer .sub_footer_container .social-icons.gvp {
  visibility: hidden;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container .social-icons.gvp {
    visibility: visible;
  }
}
.footer #sub-footer .sub_footer_container .footer_copy {
  border: none;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  margin: 8px;
  padding: 0px;
  display: contents;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container .footer_copy {
    display: flex;
    float: left;
    padding: 0 16px;
    margin: initial;
    margin-top: 15px;
  }
}
.footer #sub-footer .sub_footer_container .footer_copy p {
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.footer #sub-footer .sub_footer_container .footer_nav_copy {
  border: none;
  padding-right: 0;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container .footer_nav_copy {
    display: flex;
    justify-content: center;
    justify-self: center;
    margin-top: 15px;
    letter-spacing: 0.16px;
    font-weight: 300;
    padding-right: 16px;
  }
}
.footer #sub-footer .sub_footer_container .footer_nav_copy .footer_copy_other_brands {
  border: none;
  text-decoration: underline;
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  text-align: right;
  color: #ffffff;
  cursor: pointer;
  display: block;
  margin-top: -5px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container .footer_nav_copy .footer_copy_other_brands {
    float: left;
    margin: initial;
    margin-bottom: 24px;
    text-align: center;
  }
}
.footer #sub-footer .sub_footer_container .footer_nav_copy .footer_copy_other_brands span.ba {
  border: none;
  color: #ffffff;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px 4px 4px 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 1px 1px 1px 1px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #sub-footer .sub_footer_container .footer_nav_copy .footer_copy_other_brands span.ba {
    margin: 2px;
    padding: 5px 5px 3px 3px;
  }
}
.footer #other-brands-container {
  box-shadow: inset -1px 4px 10px 0 rgba(34, 34, 34, 0.15);
  padding: 0 64px;
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #other-brands-container {
    padding: 0 16px;
  }
}
.footer #other-brands-container #other-brands {
  display: flex;
  align-items: center;
  padding: 12px 0;
}
@media only screen and (min-width: 1171px) and (max-width: 1280px) {
  .footer #other-brands-container #other-brands {
    padding: 16px 0;
  }
}
.footer #other-brands-container #other-brands.opened {
  display: flex;
}
.footer #other-brands-container #other-brands.closed {
  display: none;
}
.footer #other-brands-container #other-brands #other-brands-title {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
  font-weight: lighter;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 1171px) and (max-width: 1280px) {
  .footer #other-brands-container #other-brands #other-brands-title {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #other-brands-container #other-brands #other-brands-title {
    padding-left: 0;
  }
}
.footer #other-brands-container #other-brands div {
  flex-grow: 2;
  margin-left: 20px;
  margin-top: -3px;
}
@media only screen and (min-width: 1171px) and (max-width: 1280px) {
  .footer #other-brands-container #other-brands div {
    width: 100%;
    margin-left: 0;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .footer #other-brands-container #other-brands div {
    margin-left: 0;
    margin-top: 0;
  }
}
.footer #other-brands-container #other-brands div a {
  font-family: "sofia-pro", sans-serif;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  margin-right: 24px;
}

@media only screen and (min-width: 1025px) {
  .trustpilot-container {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    padding-left: 64px;
  }
}
@media only screen and (max-width: 415px), only screen and (min-width: 416px) and (max-width: 1024px) {
  .trustpilot-container {
    justify-content: center;
  }
}
.product-reviews-carousel {
  background-color: #E7EDF0;
  padding-top: 20px;
  padding-bottom: 10px;
}
.product-reviews-carousel .trustpilot-widget {
  position: relative;
  width: 100%;
}
.product-reviews-carousel .tp-widget-wrapper .tp-widget-review .text {
  -webkit-text-size-adjust: none;
}

/* style footer content */

/*# sourceMappingURL=style_sitemap.css.map */